colorhexa.com

#33b6bf hex color

In a RGB color space, hex #33b6bf is composed of 20% red, 71.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 4.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 183.9 degrees, a saturation of 57.9% and a lightness of 47.5%. #33b6bf color hex could be obtained by blending #66ffff with #006d7f. Closest websafe color is: #33cccc.

- R 20
- G 71
- B 75
RGB color chart
- C 73
- M 5
- Y 0
- K 25
CMYK color chart

● #33b6bf color description : Moderate cyan.

The hexadecimal color #33b6bf has RGB values of R:51, G:182, B:191 and CMYK values of C:0.73, M:0.05, Y:0, K:0.25. Its decimal value is 3389119.

Hex triplet	33b6bf	`#33b6bf`
RGB Decimal	51, 182, 191	`rgb(51,182,191)`
RGB Percent	20, 71.4, 74.9	`rgb(20%,71.4%,74.9%)`
CMYK	73, 5, 0, 25
HSL	183.9°, 57.9, 47.5	`hsl(183.9,57.9%,47.5%)`
HSV (or HSB)	183.9°, 73.3, 74.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.961, -31.222, -14.673
XYZ	27.494, 37.919, 55.157
xyY	0.228, 0.314, 37.919
CIE-LCH	67.961, 34.498, 205.172
CIE-LUV	67.961, -47.235, -17.96
Hunter-Lab	61.578, -28.062, -10.003
Binary	00110011, 10110110, 10111111

#33b6bf
```
#33b6bf rgb(51,182,191)
```
#bf3c33
```
#bf3c33 rgb(191,60,51)
```

Complementary Color

#33bf82
```
#33bf82 rgb(51,191,130)
```
#33b6bf
```
#33b6bf rgb(51,182,191)
```
#3370bf
```
#3370bf rgb(51,112,191)
```

Analogous Color

#bf8233
```
#bf8233 rgb(191,130,51)
```
#33b6bf
```
#33b6bf rgb(51,182,191)
```
#bf3370
```
#bf3370 rgb(191,51,112)
```

Split Complementary Color

#b6bf33
```
#b6bf33 rgb(182,191,51)
```
#33b6bf
```
#33b6bf rgb(51,182,191)
```
#bf33b6
```
#bf33b6 rgb(191,51,182)
```

Triadic Color

#33bf3c
```
#33bf3c rgb(51,191,60)
```
#33b6bf
```
#33b6bf rgb(51,182,191)
```
#bf33b6
```
#bf33b6 rgb(191,51,182)
```
#bf3c33
```
#bf3c33 rgb(191,60,51)
```

Tetradic Color

#237c83
```
#237c83 rgb(35,124,131)
```
#289097
```
#289097 rgb(40,144,151)
```
#2ea3ab
```
#2ea3ab rgb(46,163,171)
```
#33b6bf
```
#33b6bf rgb(51,182,191)
```
#40c3cc
```
#40c3cc rgb(64,195,204)
```
#54c9d1
```
#54c9d1 rgb(84,201,209)
```
#68d0d7
```
#68d0d7 rgb(104,208,215)
```

Monochromatic Color

Below, you can see some colors close to #33b6bf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#33bfa5
```
#33bfa5 rgb(51,191,165)
```
#33bfb1
```
#33bfb1 rgb(51,191,177)
```
#33bfbc
```
#33bfbc rgb(51,191,188)
```
#33b6bf
```
#33b6bf rgb(51,182,191)
```
#33aabf
```
#33aabf rgb(51,170,191)
```
#339fbf
```
#339fbf rgb(51,159,191)
```
#3393bf
```
#3393bf rgb(51,147,191)
```

Similar Colors

Text with hexadecimal color #33b6bf

This text has a font color of #33b6bf.

<span style="color:#33b6bf;">Text here</span>

#33b6bf background color

This paragraph has a background color of #33b6bf.

<p style="background-color:#33b6bf;">Content here</p>

#33b6bf border color

This element has a border color of #33b6bf.

<div style="border:1px solid #33b6bf;">Content here</div>

CSS codes

.text {color:#33b6bf;}

.background {background-color:#33b6bf;}

.border {border:1px solid #33b6bf;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010505 is the darkest color, while #f5fcfc is the lightest one.

#010505
```
#010505 rgb(1,5,5)
```
#061415
```
#061415 rgb(6,20,21)
```
#0a2224
```
#0a2224 rgb(10,34,36)
```
#0e3134
```
#0e3134 rgb(14,49,52)
```
#124043
```
#124043 rgb(18,64,67)
```
#164f53
```
#164f53 rgb(22,79,83)
```
#1a5d62
```
#1a5d62 rgb(26,93,98)
```
#1e6c72
```
#1e6c72 rgb(30,108,114)
```
#227b81
```
#227b81 rgb(34,123,129)
```
#278a91
```
#278a91 rgb(39,138,145)
```
#2b98a0
```
#2b98a0 rgb(43,152,160)
```
#2fa7b0
```
#2fa7b0 rgb(47,167,176)
```
#33b6bf
```
#33b6bf rgb(51,182,191)
```

Shade Color Variation

#3bc1cb
```
#3bc1cb rgb(59,193,203)
```
#4ac6cf
```
#4ac6cf rgb(74,198,207)
```
#5acbd3
```
#5acbd3 rgb(90,203,211)
```
#69d0d7
```
#69d0d7 rgb(105,208,215)
```
#79d5db
```
#79d5db rgb(121,213,219)
```
#88dadf
```
#88dadf rgb(136,218,223)
```
#98dfe3
```
#98dfe3 rgb(152,223,227)
```
#a7e3e8
```
#a7e3e8 rgb(167,227,232)
```
#b7e8ec
```
#b7e8ec rgb(183,232,236)
```
#c6edf0
```
#c6edf0 rgb(198,237,240)
```
#d6f2f4
```
#d6f2f4 rgb(214,242,244)
```
#e5f7f8
```
#e5f7f8 rgb(229,247,248)
```
#f5fcfc
```
#f5fcfc rgb(245,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747d7e is the less saturated color, while #04dfee is the most saturated one.

#747d7e
```
#747d7e rgb(116,125,126)
```
#6b8587
```
#6b8587 rgb(107,133,135)
```
#628d90
```
#628d90 rgb(98,141,144)
```
#58969a
```
#58969a rgb(88,150,154)
```
#4f9ea3
```
#4f9ea3 rgb(79,158,163)
```
#46a6ac
```
#46a6ac rgb(70,166,172)
```
#3caeb6
```
#3caeb6 rgb(60,174,182)
```
#33b6bf
```
#33b6bf rgb(51,182,191)
```
#2abec8
```
#2abec8 rgb(42,190,200)
```
#20c6d2
```
#20c6d2 rgb(32,198,210)
```
#17cedb
```
#17cedb rgb(23,206,219)
```
#0ed6e4
```
#0ed6e4 rgb(14,214,228)
```
#04dfee
```
#04dfee rgb(4,223,238)
```

Tone Color Variation

Below, you can see how #33b6bf is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#909090 Achromatopsia 0.005% of the population
#7d9899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a9b8 Protanopia 1% of men
#a9a6c9 Deuteranopia 1% of men
#41b9c6 Tritanopia 0.001% of the population

Trichromacy

#7dadba Protanomaly 1% of men, 0.01% of women
#7eacc5 Deuteranomaly 6% of men, 0.4% of women
#3cb7c3 Tritanomaly 0.01% of the population