#5bb2bf hex color

In a RGB color space, hex #5bb2bf is composed of 35.7% red, 69.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 6.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 187.8 degrees, a saturation of 43.9% and a lightness of 55.3%. #5bb2bf color hex could be obtained by blending #b6ffff with #00657f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 70
- B 75
RGB color chart
- C 52
- M 7
- Y 0
- K 25
CMYK color chart

● #5bb2bf color description : Moderate cyan.

The hexadecimal color #5bb2bf has RGB values of R:91, G:178, B:191 and CMYK values of C:0.52, M:0.07, Y:0, K:0.25. Its decimal value is 6009535.

Hex triplet	5bb2bf	`#5bb2bf`
RGB Decimal	91, 178, 191	`rgb(91,178,191)`
RGB Percent	35.7, 69.8, 74.9	`rgb(35.7%,69.8%,74.9%)`
CMYK	52, 7, 0, 25
HSL	187.8°, 43.9, 55.3	`hsl(187.8,43.9%,55.3%)`
HSV (or HSB)	187.8°, 52.4, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.891, -22.549, -14.667
XYZ	29.636, 37.824, 55.026
xyY	0.242, 0.309, 37.824
CIE-LCH	67.891, 26.899, 213.042
CIE-LUV	67.891, -37.321, -19.098
Hunter-Lab	61.502, -21.613, -9.997
Binary	01011011, 10110010, 10111111

#5bb2bf
```
#5bb2bf rgb(91,178,191)
```
#bf685b
```
#bf685b rgb(191,104,91)
```

Complementary Color

#5bbf9a
```
#5bbf9a rgb(91,191,154)
```
#5bb2bf
```
#5bb2bf rgb(91,178,191)
```
#5b80bf
```
#5b80bf rgb(91,128,191)
```

Analogous Color

#bf9a5b
```
#bf9a5b rgb(191,154,91)
```
#5bb2bf
```
#5bb2bf rgb(91,178,191)
```
#bf5b80
```
#bf5b80 rgb(191,91,128)
```

Split Complementary Color

#b2bf5b
```
#b2bf5b rgb(178,191,91)
```
#5bb2bf
```
#5bb2bf rgb(91,178,191)
```
#bf5bb2
```
#bf5bb2 rgb(191,91,178)
```

Triadic Color

#5bbf68
```
#5bbf68 rgb(91,191,104)
```
#5bb2bf
```
#5bb2bf rgb(91,178,191)
```
#bf5bb2
```
#bf5bb2 rgb(191,91,178)
```
#bf685b
```
#bf685b rgb(191,104,91)
```

Tetradic Color

#3a8894
```
#3a8894 rgb(58,136,148)
```
#4199a6
```
#4199a6 rgb(65,153,166)
```
#49a9b8
```
#49a9b8 rgb(73,169,184)
```
#5bb2bf
```
#5bb2bf rgb(91,178,191)
```
#6dbbc6
```
#6dbbc6 rgb(109,187,198)
```
#80c3cd
```
#80c3cd rgb(128,195,205)
```
#92ccd4
```
#92ccd4 rgb(146,204,212)
```

Monochromatic Color

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

#5bbfb3
```
#5bbfb3 rgb(91,191,179)
```
#5bbfbb
```
#5bbfbb rgb(91,191,187)
```
#5bbabf
```
#5bbabf rgb(91,186,191)
```
#5bb2bf
```
#5bb2bf rgb(91,178,191)
```
#5baabf
```
#5baabf rgb(91,170,191)
```
#5ba1bf
```
#5ba1bf rgb(91,161,191)
```
#5b99bf
```
#5b99bf rgb(91,153,191)
```

Similar Colors

Text with hexadecimal color #5bb2bf

This text has a font color of #5bb2bf.

<span style="color:#5bb2bf;">Text here</span>

#5bb2bf background color

This paragraph has a background color of #5bb2bf.

<p style="background-color:#5bb2bf;">Content here</p>

#5bb2bf border color

This element has a border color of #5bb2bf.

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

CSS codes

.text {color:#5bb2bf;}

.background {background-color:#5bb2bf;}

.border {border:1px solid #5bb2bf;}

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, #020505 is the darkest color, while #f6fbfc is the lightest one.

#020505
```
#020505 rgb(2,5,5)
```
#081213
```
#081213 rgb(8,18,19)
```
#0d1f22
```
#0d1f22 rgb(13,31,34)
```
#132c30
```
#132c30 rgb(19,44,48)
```
#18393e
```
#18393e rgb(24,57,62)
```
#1e464c
```
#1e464c rgb(30,70,76)
```
#23535a
```
#23535a rgb(35,83,90)
```
#296068
```
#296068 rgb(41,96,104)
```
#2e6d76
```
#2e6d76 rgb(46,109,118)
```
#347a84
```
#347a84 rgb(52,122,132)
```
#398792
```
#398792 rgb(57,135,146)
```
#3f94a1
```
#3f94a1 rgb(63,148,161)
```
#44a1af
```
#44a1af rgb(68,161,175)
```

Shade Color Variation

#4dabb9
```
#4dabb9 rgb(77,171,185)
```
#5bb2bf
```
#5bb2bf rgb(91,178,191)
```
#69b9c5
```
#69b9c5 rgb(105,185,197)
```
#77bfca
```
#77bfca rgb(119,191,202)
```
#85c6d0
```
#85c6d0 rgb(133,198,208)
```
#93ccd5
```
#93ccd5 rgb(147,204,213)
```
#a2d3db
```
#a2d3db rgb(162,211,219)
```
#b0dae0
```
#b0dae0 rgb(176,218,224)
```
#bee0e6
```
#bee0e6 rgb(190,224,230)
```
#cce7eb
```
#cce7eb rgb(204,231,235)
```
#daeef1
```
#daeef1 rgb(218,238,241)
```
#e8f4f6
```
#e8f4f6 rgb(232,244,246)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #879293 is the less saturated color, while #1edffc is the most saturated one.

#879293
```
#879293 rgb(135,146,147)
```
#7e989c
```
#7e989c rgb(126,152,156)
```
#759fa5
```
#759fa5 rgb(117,159,165)
```
#6da5ad
```
#6da5ad rgb(109,165,173)
```
#64acb6
```
#64acb6 rgb(100,172,182)
```
#5bb2bf
```
#5bb2bf rgb(91,178,191)
```
#52b8c8
```
#52b8c8 rgb(82,184,200)
```
#49bfd1
```
#49bfd1 rgb(73,191,209)
```
#41c5d9
```
#41c5d9 rgb(65,197,217)
```
#38cce2
```
#38cce2 rgb(56,204,226)
```
#2fd2eb
```
#2fd2eb rgb(47,210,235)
```
#26d9f4
```
#26d9f4 rgb(38,217,244)
```
#1edffc
```
#1edffc rgb(30,223,252)
```

Tone Color Variation

Below, you can see how #5bb2bf 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

#999999 Achromatopsia 0.005% of the population
#8d9ea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a8ba Protanopia 1% of men
#aaa6c7 Deuteranopia 1% of men
#63b5c3 Tritanopia 0.001% of the population

Trichromacy

#8bacbc Protanomaly 1% of men, 0.01% of women
#8daac4 Deuteranomaly 6% of men, 0.4% of women
#60b4c1 Tritanomaly 0.01% of the population

#5bb2bf hex color

#5bb2bf Color Information

#5bb2bf Color Conversion

Color Schemes with #5bb2bf

Alternatives to #5bb2bf

#5bb2bf Preview

Shades and Tints of #5bb2bf

Tones of #5bb2bf

Color Blindness Simulator