#5bbccb hex color

In a RGB color space, hex #5bbccb is composed of 35.7% red, 73.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 7.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 188 degrees, a saturation of 51.9% and a lightness of 57.6%. #5bbccb color hex could be obtained by blending #b6ffff with #007997. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 74
- B 80
RGB color chart
- C 55
- M 7
- Y 0
- K 20
CMYK color chart

● #5bbccb color description : Moderate cyan.

The hexadecimal color #5bbccb has RGB values of R:91, G:188, B:203 and CMYK values of C:0.55, M:0.07, Y:0, K:0.2. Its decimal value is 6012107.

Hex triplet	5bbccb	`#5bbccb`
RGB Decimal	91, 188, 203	`rgb(91,188,203)`
RGB Percent	35.7, 73.7, 79.6	`rgb(35.7%,73.7%,79.6%)`
CMYK	55, 7, 0, 20
HSL	188°, 51.9, 57.6	`hsl(188,51.9%,57.6%)`
HSV (or HSB)	188°, 55.2, 79.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.214, -24.239, -16.25
XYZ	33.074, 42.5, 62.957
xyY	0.239, 0.307, 42.5
CIE-LCH	71.214, 29.182, 213.837
CIE-LUV	71.214, -40.649, -21.554
Hunter-Lab	65.192, -23.527, -11.623
Binary	01011011, 10111100, 11001011

#5bbccb
```
#5bbccb rgb(91,188,203)
```
#cb6a5b
```
#cb6a5b rgb(203,106,91)
```

Complementary Color

#5bcba2
```
#5bcba2 rgb(91,203,162)
```
#5bbccb
```
#5bbccb rgb(91,188,203)
```
#5b84cb
```
#5b84cb rgb(91,132,203)
```

Analogous Color

#cba25b
```
#cba25b rgb(203,162,91)
```
#5bbccb
```
#5bbccb rgb(91,188,203)
```
#cb5b84
```
#cb5b84 rgb(203,91,132)
```

Split Complementary Color

#bccb5b
```
#bccb5b rgb(188,203,91)
```
#5bbccb
```
#5bbccb rgb(91,188,203)
```
#cb5bbc
```
#cb5bbc rgb(203,91,188)
```

Triadic Color

#5bcb6a
```
#5bcb6a rgb(91,203,106)
```
#5bbccb
```
#5bbccb rgb(91,188,203)
```
#cb5bbc
```
#cb5bbc rgb(203,91,188)
```
#cb6a5b
```
#cb6a5b rgb(203,106,91)
```

Tetradic Color

#3496a5
```
#3496a5 rgb(52,150,165)
```
#3ba8b9
```
#3ba8b9 rgb(59,168,185)
```
#48b4c5
```
#48b4c5 rgb(72,180,197)
```
#5bbccb
```
#5bbccb rgb(91,188,203)
```
#6ec4d1
```
#6ec4d1 rgb(110,196,209)
```
#82ccd7
```
#82ccd7 rgb(130,204,215)
```
#95d4dd
```
#95d4dd rgb(149,212,221)
```

Monochromatic Color

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

#5bcbbe
```
#5bcbbe rgb(91,203,190)
```
#5bcbc7
```
#5bcbc7 rgb(91,203,199)
```
#5bc5cb
```
#5bc5cb rgb(91,197,203)
```
#5bbccb
```
#5bbccb rgb(91,188,203)
```
#5bb3cb
```
#5bb3cb rgb(91,179,203)
```
#5ba9cb
```
#5ba9cb rgb(91,169,203)
```
#5ba0cb
```
#5ba0cb rgb(91,160,203)
```

Similar Colors

Text with hexadecimal color #5bbccb

This text has a font color of #5bbccb.

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

#5bbccb background color

This paragraph has a background color of #5bbccb.

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

#5bbccb border color

This element has a border color of #5bbccb.

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

CSS codes

.text {color:#5bbccb;}

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

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

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, #050d0f is the darkest color, while #ffffff is the lightest one.

#050d0f
```
#050d0f rgb(5,13,15)
```
#091b1e
```
#091b1e rgb(9,27,30)
```
#0e282d
```
#0e282d rgb(14,40,45)
```
#13363b
```
#13363b rgb(19,54,59)
```
#18434a
```
#18434a rgb(24,67,74)
```
#1c5159
```
#1c5159 rgb(28,81,89)
```
#215f68
```
#215f68 rgb(33,95,104)
```
#266c77
```
#266c77 rgb(38,108,119)
```
#2a7a86
```
#2a7a86 rgb(42,122,134)
```
#2f8795
```
#2f8795 rgb(47,135,149)
```
#3495a4
```
#3495a4 rgb(52,149,164)
```
#39a2b3
```
#39a2b3 rgb(57,162,179)
```
#3db0c1
```
#3db0c1 rgb(61,176,193)
```

Shade Color Variation

#4cb6c6
```
#4cb6c6 rgb(76,182,198)
```
#5bbccb
```
#5bbccb rgb(91,188,203)
```
#6ac2d0
```
#6ac2d0 rgb(106,194,208)
```
#79c8d4
```
#79c8d4 rgb(121,200,212)
```
#88ced9
```
#88ced9 rgb(136,206,217)
```
#97d4de
```
#97d4de rgb(151,212,222)
```
#a5dae3
```
#a5dae3 rgb(165,218,227)
```
#b4e1e7
```
#b4e1e7 rgb(180,225,231)
```
#c3e7ec
```
#c3e7ec rgb(195,231,236)
```
#d2edf1
```
#d2edf1 rgb(210,237,241)
```
#e1f3f6
```
#e1f3f6 rgb(225,243,246)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8d9899
```
#8d9899 rgb(141,152,153)
```
#859ea1
```
#859ea1 rgb(133,158,161)
```
#7ca4aa
```
#7ca4aa rgb(124,164,170)
```
#74aab2
```
#74aab2 rgb(116,170,178)
```
#6cb0ba
```
#6cb0ba rgb(108,176,186)
```
#63b6c3
```
#63b6c3 rgb(99,182,195)
```
#5bbccb
```
#5bbccb rgb(91,188,203)
```
#53c2d3
```
#53c2d3 rgb(83,194,211)
```
#4ac8dc
```
#4ac8dc rgb(74,200,220)
```
#42cee4
```
#42cee4 rgb(66,206,228)
```
#3ad4ec
```
#3ad4ec rgb(58,212,236)
```
#31daf5
```
#31daf5 rgb(49,218,245)
```
#29e0fd
```
#29e0fd rgb(41,224,253)
```

Tone Color Variation

Below, you can see how #5bbccb 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
#93a6a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb1c5 Protanopia 1% of men
#b1aed3 Deuteranopia 1% of men
#63bfcd Tritanopia 0.001% of the population

Trichromacy

#90b5c7 Protanomaly 1% of men, 0.01% of women
#92b3d0 Deuteranomaly 6% of men, 0.4% of women
#60becc Tritanomaly 0.01% of the population

#5bbccb hex color

#5bbccb Color Information

#5bbccb Color Conversion

Color Schemes with #5bbccb

Alternatives to #5bbccb

#5bbccb Preview

Shades and Tints of #5bbccb

Tones of #5bbccb

Color Blindness Simulator