#5bbdb8 hex color

In a RGB color space, hex #5bbdb8 is composed of 35.7% red, 74.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 0% magenta, 2.6% yellow and 25.9% black. It has a hue angle of 176.9 degrees, a saturation of 42.6% and a lightness of 54.9%. #5bbdb8 color hex could be obtained by blending #b6ffff with #007b71. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 74
- B 72
RGB color chart
- C 52
- M 0
- Y 3
- K 26
CMYK color chart

● #5bbdb8 color description : Moderate cyan.

The hexadecimal color #5bbdb8 has RGB values of R:91, G:189, B:184 and CMYK values of C:0.52, M:0, Y:0.03, K:0.26. Its decimal value is 6012344.

Hex triplet	5bbdb8	`#5bbdb8`
RGB Decimal	91, 189, 184	`rgb(91,189,184)`
RGB Percent	35.7, 74.1, 72.2	`rgb(35.7%,74.1%,72.2%)`
CMYK	52, 0, 3, 26
HSL	176.9°, 42.6, 54.9	`hsl(176.9,42.6%,54.9%)`
HSV (or HSB)	176.9°, 51.9, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.925, -29.905, -6.285
XYZ	31.161, 42.078, 51.824
xyY	0.249, 0.336, 42.078
CIE-LCH	70.925, 30.559, 191.868
CIE-LUV	70.925, -41.883, -4.855
Hunter-Lab	64.867, -27.77, -1.961
Binary	01011011, 10111101, 10111000

#5bbdb8
```
#5bbdb8 rgb(91,189,184)
```
#bd5b60
```
#bd5b60 rgb(189,91,96)
```

Complementary Color

#5bbd87
```
#5bbd87 rgb(91,189,135)
```
#5bbdb8
```
#5bbdb8 rgb(91,189,184)
```
#5b91bd
```
#5b91bd rgb(91,145,189)
```

Analogous Color

#bd875b
```
#bd875b rgb(189,135,91)
```
#5bbdb8
```
#5bbdb8 rgb(91,189,184)
```
#bd5b91
```
#bd5b91 rgb(189,91,145)
```

Split Complementary Color

#bdb85b
```
#bdb85b rgb(189,184,91)
```
#5bbdb8
```
#5bbdb8 rgb(91,189,184)
```
#b85bbd
```
#b85bbd rgb(184,91,189)
```

Triadic Color

#60bd5b
```
#60bd5b rgb(96,189,91)
```
#5bbdb8
```
#5bbdb8 rgb(91,189,184)
```
#b85bbd
```
#b85bbd rgb(184,91,189)
```
#bd5b60
```
#bd5b60 rgb(189,91,96)
```

Tetradic Color

#3a918d
```
#3a918d rgb(58,145,141)
```
#42a39e
```
#42a39e rgb(66,163,158)
```
#49b5b0
```
#49b5b0 rgb(73,181,176)
```
#5bbdb8
```
#5bbdb8 rgb(91,189,184)
```
#6dc4c0
```
#6dc4c0 rgb(109,196,192)
```
#7fccc8
```
#7fccc8 rgb(127,204,200)
```
#92d3d0
```
#92d3d0 rgb(146,211,208)
```

Monochromatic Color

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

#5bbda0
```
#5bbda0 rgb(91,189,160)
```
#5bbda8
```
#5bbda8 rgb(91,189,168)
```
#5bbdb0
```
#5bbdb0 rgb(91,189,176)
```
#5bbdb8
```
#5bbdb8 rgb(91,189,184)
```
#5bbabd
```
#5bbabd rgb(91,186,189)
```
#5bb2bd
```
#5bb2bd rgb(91,178,189)
```
#5baabd
```
#5baabd rgb(91,170,189)
```

Similar Colors

Text with hexadecimal color #5bbdb8

This text has a font color of #5bbdb8.

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

#5bbdb8 background color

This paragraph has a background color of #5bbdb8.

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

#5bbdb8 border color

This element has a border color of #5bbdb8.

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

CSS codes

.text {color:#5bbdb8;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071211
```
#071211 rgb(7,18,17)
```
#0d201f
```
#0d201f rgb(13,32,31)
```
#122e2c
```
#122e2c rgb(18,46,44)
```
#183c3a
```
#183c3a rgb(24,60,58)
```
#1e4a48
```
#1e4a48 rgb(30,74,72)
```
#235855
```
#235855 rgb(35,88,85)
```
#296663
```
#296663 rgb(41,102,99)
```
#2f7470
```
#2f7470 rgb(47,116,112)
```
#34827e
```
#34827e rgb(52,130,126)
```
#3a908b
```
#3a908b rgb(58,144,139)
```
#3f9e99
```
#3f9e99 rgb(63,158,153)
```
#45aca6
```
#45aca6 rgb(69,172,166)
```

Shade Color Variation

#4db7b2
```
#4db7b2 rgb(77,183,178)
```
#5bbdb8
```
#5bbdb8 rgb(91,189,184)
```
#69c3be
```
#69c3be rgb(105,195,190)
```
#77c8c4
```
#77c8c4 rgb(119,200,196)
```
#85ceca
```
#85ceca rgb(133,206,202)
```
#93d4d0
```
#93d4d0 rgb(147,212,208)
```
#a1d9d6
```
#a1d9d6 rgb(161,217,214)
```
#afdfdc
```
#afdfdc rgb(175,223,220)
```
#bde4e2
```
#bde4e2 rgb(189,228,226)
```
#cbeae8
```
#cbeae8 rgb(203,234,232)
```
#d9f0ee
```
#d9f0ee rgb(217,240,238)
```
#e7f5f5
```
#e7f5f5 rgb(231,245,245)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#879190
```
#879190 rgb(135,145,144)
```
#7e9a98
```
#7e9a98 rgb(126,154,152)
```
#76a2a0
```
#76a2a0 rgb(118,162,160)
```
#6daba8
```
#6daba8 rgb(109,171,168)
```
#64b4b0
```
#64b4b0 rgb(100,180,176)
```
#5bbdb8
```
#5bbdb8 rgb(91,189,184)
```
#52c6c0
```
#52c6c0 rgb(82,198,192)
```
#49cfc8
```
#49cfc8 rgb(73,207,200)
```
#40d8d0
```
#40d8d0 rgb(64,216,208)
```
#38e0d8
```
#38e0d8 rgb(56,224,216)
```
#2fe9e0
```
#2fe9e0 rgb(47,233,224)
```
#26f2e8
```
#26f2e8 rgb(38,242,232)
```
#1dfbf0
```
#1dfbf0 rgb(29,251,240)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a5a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b0b3 Protanopia 1% of men
#baadc2 Deuteranopia 1% of men
#6abdcb Tritanopia 0.001% of the population

Trichromacy

#93b5b4 Protanomaly 1% of men, 0.01% of women
#97b3be Deuteranomaly 6% of men, 0.4% of women
#64bdc4 Tritanomaly 0.01% of the population

#5bbdb8 hex color

#5bbdb8 Color Information

#5bbdb8 Color Conversion

Color Schemes with #5bbdb8

Alternatives to #5bbdb8

#5bbdb8 Preview

Shades and Tints of #5bbdb8

Tones of #5bbdb8

Color Blindness Simulator