#5bbdc8 hex color

In a RGB color space, hex #5bbdc8 is composed of 35.7% red, 74.1% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 5.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 186.1 degrees, a saturation of 49.8% and a lightness of 57.1%. #5bbdc8 color hex could be obtained by blending #b6ffff with #007b91. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 74
- B 78
RGB color chart
- C 55
- M 5
- Y 0
- K 22
CMYK color chart

● #5bbdc8 color description : Moderate cyan.

The hexadecimal color #5bbdc8 has RGB values of R:91, G:189, B:200 and CMYK values of C:0.55, M:0.05, Y:0, K:0.22. Its decimal value is 6012360.

Hex triplet	5bbdc8	`#5bbdc8`
RGB Decimal	91, 189, 200	`rgb(91,189,200)`
RGB Percent	35.7, 74.1, 78.4	`rgb(35.7%,74.1%,78.4%)`
CMYK	55, 5, 0, 22
HSL	186.1°, 49.8, 57.1	`hsl(186.1,49.8%,57.1%)`
HSV (or HSB)	186.1°, 54.5, 78.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.41, -25.58, -14.314
XYZ	32.934, 42.787, 61.164
xyY	0.241, 0.313, 42.787
CIE-LCH	71.41, 29.312, 209.231
CIE-LUV	71.41, -41.163, -18.234
Hunter-Lab	65.412, -24.597, -9.651
Binary	01011011, 10111101, 11001000

#5bbdc8
```
#5bbdc8 rgb(91,189,200)
```
#c8665b
```
#c8665b rgb(200,102,91)
```

Complementary Color

#5bc89d
```
#5bc89d rgb(91,200,157)
```
#5bbdc8
```
#5bbdc8 rgb(91,189,200)
```
#5b87c8
```
#5b87c8 rgb(91,135,200)
```

Analogous Color

#c89d5b
```
#c89d5b rgb(200,157,91)
```
#5bbdc8
```
#5bbdc8 rgb(91,189,200)
```
#c85b87
```
#c85b87 rgb(200,91,135)
```

Split Complementary Color

#bdc85b
```
#bdc85b rgb(189,200,91)
```
#5bbdc8
```
#5bbdc8 rgb(91,189,200)
```
#c85bbd
```
#c85bbd rgb(200,91,189)
```

Triadic Color

#5bc866
```
#5bc866 rgb(91,200,102)
```
#5bbdc8
```
#5bbdc8 rgb(91,189,200)
```
#c85bbd
```
#c85bbd rgb(200,91,189)
```
#c8665b
```
#c8665b rgb(200,102,91)
```

Tetradic Color

#3696a1
```
#3696a1 rgb(54,150,161)
```
#3ca8b4
```
#3ca8b4 rgb(60,168,180)
```
#48b5c2
```
#48b5c2 rgb(72,181,194)
```
#5bbdc8
```
#5bbdc8 rgb(91,189,200)
```
#6ec5ce
```
#6ec5ce rgb(110,197,206)
```
#81ccd5
```
#81ccd5 rgb(129,204,213)
```
#94d4db
```
#94d4db rgb(148,212,219)
```

Monochromatic Color

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

#5bc8b8
```
#5bc8b8 rgb(91,200,184)
```
#5bc8c1
```
#5bc8c1 rgb(91,200,193)
```
#5bc6c8
```
#5bc6c8 rgb(91,198,200)
```
#5bbdc8
```
#5bbdc8 rgb(91,189,200)
```
#5bb4c8
```
#5bb4c8 rgb(91,180,200)
```
#5babc8
```
#5babc8 rgb(91,171,200)
```
#5ba2c8
```
#5ba2c8 rgb(91,162,200)
```

Similar Colors

Text with hexadecimal color #5bbdc8

This text has a font color of #5bbdc8.

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

#5bbdc8 background color

This paragraph has a background color of #5bbdc8.

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

#5bbdc8 border color

This element has a border color of #5bbdc8.

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

CSS codes

.text {color:#5bbdc8;}

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

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

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, #040b0c is the darkest color, while #fdfefe is the lightest one.

#040b0c
```
#040b0c rgb(4,11,12)
```
#09191b
```
#09191b rgb(9,25,27)
```
#0e272a
```
#0e272a rgb(14,39,42)
```
#133538
```
#133538 rgb(19,53,56)
```
#184247
```
#184247 rgb(24,66,71)
```
#1d5056
```
#1d5056 rgb(29,80,86)
```
#225e64
```
#225e64 rgb(34,94,100)
```
#276b73
```
#276b73 rgb(39,107,115)
```
#2c7982
```
#2c7982 rgb(44,121,130)
```
#308790
```
#308790 rgb(48,135,144)
```
#35949f
```
#35949f rgb(53,148,159)
```
#3aa2ae
```
#3aa2ae rgb(58,162,174)
```
#3fb0bd
```
#3fb0bd rgb(63,176,189)
```

Shade Color Variation

#4cb7c3
```
#4cb7c3 rgb(76,183,195)
```
#5bbdc8
```
#5bbdc8 rgb(91,189,200)
```
#6ac3cd
```
#6ac3cd rgb(106,195,205)
```
#78c9d2
```
#78c9d2 rgb(120,201,210)
```
#87cfd7
```
#87cfd7 rgb(135,207,215)
```
#96d5dc
```
#96d5dc rgb(150,213,220)
```
#a4dbe1
```
#a4dbe1 rgb(164,219,225)
```
#b3e0e6
```
#b3e0e6 rgb(179,224,230)
```
#c2e6ea
```
#c2e6ea rgb(194,230,234)
```
#d1ecef
```
#d1ecef rgb(209,236,239)
```
#dff2f4
```
#dff2f4 rgb(223,242,244)
```
#eef8f9
```
#eef8f9 rgb(238,248,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9595 is the less saturated color, while #28e5fb is the most saturated one.

#8e9595
```
#8e9595 rgb(142,149,149)
```
#859b9e
```
#859b9e rgb(133,155,158)
```
#7da2a6
```
#7da2a6 rgb(125,162,166)
```
#74a9af
```
#74a9af rgb(116,169,175)
```
#6cb0b7
```
#6cb0b7 rgb(108,176,183)
```
#63b6c0
```
#63b6c0 rgb(99,182,192)
```
#5bbdc8
```
#5bbdc8 rgb(91,189,200)
```
#53c4d0
```
#53c4d0 rgb(83,196,208)
```
#4acad9
```
#4acad9 rgb(74,202,217)
```
#42d1e1
```
#42d1e1 rgb(66,209,225)
```
#39d8ea
```
#39d8ea rgb(57,216,234)
```
#31dff2
```
#31dff2 rgb(49,223,242)
```
#28e5fb
```
#28e5fb rgb(40,229,251)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#93a7a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b1c2 Protanopia 1% of men
#b4afd1 Deuteranopia 1% of men
#65bfcd Tritanopia 0.001% of the population

Trichromacy

#91b5c4 Protanomaly 1% of men, 0.01% of women
#93b4cd Deuteranomaly 6% of men, 0.4% of women
#61becb Tritanomaly 0.01% of the population

#5bbdc8 hex color

#5bbdc8 Color Information

#5bbdc8 Color Conversion

Color Schemes with #5bbdc8

Alternatives to #5bbdc8

#5bbdc8 Preview

Shades and Tints of #5bbdc8

Tones of #5bbdc8

Color Blindness Simulator