#33b5bf hex color

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

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

● #33b5bf color description : Moderate cyan.

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

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

CIE-LAB	67.658, -30.739, -15.129
XYZ	27.29, 37.511, 55.089
xyY	0.228, 0.313, 37.511
CIE-LCH	67.658, 34.26, 206.205
CIE-LUV	67.658, -46.878, -18.751
Hunter-Lab	61.246, -27.643, -10.458
Binary	00110011, 10110101, 10111111

#33b5bf
```
#33b5bf rgb(51,181,191)
```
#bf3d33
```
#bf3d33 rgb(191,61,51)
```

Complementary Color

#33bf83
```
#33bf83 rgb(51,191,131)
```
#33b5bf
```
#33b5bf rgb(51,181,191)
```
#336fbf
```
#336fbf rgb(51,111,191)
```

Analogous Color

#bf8333
```
#bf8333 rgb(191,131,51)
```
#33b5bf
```
#33b5bf rgb(51,181,191)
```
#bf336f
```
#bf336f rgb(191,51,111)
```

Split Complementary Color

#b5bf33
```
#b5bf33 rgb(181,191,51)
```
#33b5bf
```
#33b5bf rgb(51,181,191)
```
#bf33b5
```
#bf33b5 rgb(191,51,181)
```

Triadic Color

#33bf3d
```
#33bf3d rgb(51,191,61)
```
#33b5bf
```
#33b5bf rgb(51,181,191)
```
#bf33b5
```
#bf33b5 rgb(191,51,181)
```
#bf3d33
```
#bf3d33 rgb(191,61,51)
```

Tetradic Color

#237c83
```
#237c83 rgb(35,124,131)
```
#288f97
```
#288f97 rgb(40,143,151)
```
#2ea2ab
```
#2ea2ab rgb(46,162,171)
```
#33b5bf
```
#33b5bf rgb(51,181,191)
```
#40c2cc
```
#40c2cc rgb(64,194,204)
```
#54c8d1
```
#54c8d1 rgb(84,200,209)
```
#68cfd7
```
#68cfd7 rgb(104,207,215)
```

Monochromatic Color

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

#33bfa6
```
#33bfa6 rgb(51,191,166)
```
#33bfb2
```
#33bfb2 rgb(51,191,178)
```
#33bfbd
```
#33bfbd rgb(51,191,189)
```
#33b5bf
```
#33b5bf rgb(51,181,191)
```
#33a9bf
```
#33a9bf rgb(51,169,191)
```
#339ebf
```
#339ebf rgb(51,158,191)
```
#3392bf
```
#3392bf rgb(51,146,191)
```

Similar Colors

Text with hexadecimal color #33b5bf

This text has a font color of #33b5bf.

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

#33b5bf background color

This paragraph has a background color of #33b5bf.

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

#33b5bf border color

This element has a border color of #33b5bf.

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

CSS codes

.text {color:#33b5bf;}

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

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

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)
```
#164e53
```
#164e53 rgb(22,78,83)
```
#1a5d62
```
#1a5d62 rgb(26,93,98)
```
#1e6c72
```
#1e6c72 rgb(30,108,114)
```
#227a81
```
#227a81 rgb(34,122,129)
```
#278991
```
#278991 rgb(39,137,145)
```
#2b98a0
```
#2b98a0 rgb(43,152,160)
```
#2fa6b0
```
#2fa6b0 rgb(47,166,176)
```
#33b5bf
```
#33b5bf rgb(51,181,191)
```

Shade Color Variation

#3bc0cb
```
#3bc0cb rgb(59,192,203)
```
#4ac5cf
```
#4ac5cf rgb(74,197,207)
```
#5acad3
```
#5acad3 rgb(90,202,211)
```
#69cfd7
```
#69cfd7 rgb(105,207,215)
```
#79d4db
```
#79d4db rgb(121,212,219)
```
#88d9df
```
#88d9df rgb(136,217,223)
```
#98dee3
```
#98dee3 rgb(152,222,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 #04ddee is the most saturated one.

#747d7e
```
#747d7e rgb(116,125,126)
```
#6b8587
```
#6b8587 rgb(107,133,135)
```
#628d90
```
#628d90 rgb(98,141,144)
```
#58959a
```
#58959a rgb(88,149,154)
```
#4f9da3
```
#4f9da3 rgb(79,157,163)
```
#46a5ac
```
#46a5ac rgb(70,165,172)
```
#3cadb6
```
#3cadb6 rgb(60,173,182)
```
#33b5bf
```
#33b5bf rgb(51,181,191)
```
#2abdc8
```
#2abdc8 rgb(42,189,200)
```
#20c5d2
```
#20c5d2 rgb(32,197,210)
```
#17cddb
```
#17cddb rgb(23,205,219)
```
#0ed5e4
```
#0ed5e4 rgb(14,213,228)
```
#04ddee
```
#04ddee rgb(4,221,238)
```

Tone Color Variation

Below, you can see how #33b5bf 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

#8f8f8f Achromatopsia 0.005% of the population
#7d9799 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a8b8 Protanopia 1% of men
#a8a6c9 Deuteranopia 1% of men
#40b8c5 Tritanopia 0.001% of the population

Trichromacy

#7dacba Protanomaly 1% of men, 0.01% of women
#7dabc5 Deuteranomaly 6% of men, 0.4% of women
#3bb7c3 Tritanomaly 0.01% of the population

#33b5bf hex color

#33b5bf Color Information

#33b5bf Color Conversion

Color Schemes with #33b5bf

Alternatives to #33b5bf

#33b5bf Preview

Shades and Tints of #33b5bf

Tones of #33b5bf

Color Blindness Simulator