colorhexa.com

#5bbcc8 hex color

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

- R 36
- G 74
- B 78
RGB color chart
- C 55
- M 6
- Y 0
- K 22
CMYK color chart

● #5bbcc8 color description : Moderate cyan.

The hexadecimal color #5bbcc8 has RGB values of R:91, G:188, B:200 and CMYK values of C:0.55, M:0.06, Y:0, K:0.22. Its decimal value is 6012104.

Hex triplet	5bbcc8	`#5bbcc8`
RGB Decimal	91, 188, 200	`rgb(91,188,200)`
RGB Percent	35.7, 73.7, 78.4	`rgb(35.7%,73.7%,78.4%)`
CMYK	55, 6, 0, 22
HSL	186.6°, 49.8, 57.1	`hsl(186.6,49.8%,57.1%)`
HSV (or HSB)	186.6°, 54.5, 78.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.117, -25.08, -14.755
XYZ	32.72, 42.358, 61.092
xyY	0.24, 0.311, 42.358
CIE-LCH	71.117, 29.099, 210.469
CIE-LUV	71.117, -40.782, -19.007
Hunter-Lab	65.083, -24.156, -10.096
Binary	01011011, 10111100, 11001000

#5bbcc8
```
#5bbcc8 rgb(91,188,200)
```
#c8675b
```
#c8675b rgb(200,103,91)
```

Complementary Color

#5bc89e
```
#5bc89e rgb(91,200,158)
```
#5bbcc8
```
#5bbcc8 rgb(91,188,200)
```
#5b86c8
```
#5b86c8 rgb(91,134,200)
```

Analogous Color

#c89e5b
```
#c89e5b rgb(200,158,91)
```
#5bbcc8
```
#5bbcc8 rgb(91,188,200)
```
#c85b86
```
#c85b86 rgb(200,91,134)
```

Split Complementary Color

#bcc85b
```
#bcc85b rgb(188,200,91)
```
#5bbcc8
```
#5bbcc8 rgb(91,188,200)
```
#c85bbc
```
#c85bbc rgb(200,91,188)
```

Triadic Color

#5bc867
```
#5bc867 rgb(91,200,103)
```
#5bbcc8
```
#5bbcc8 rgb(91,188,200)
```
#c85bbc
```
#c85bbc rgb(200,91,188)
```
#c8675b
```
#c8675b rgb(200,103,91)
```

Tetradic Color

#3695a1
```
#3695a1 rgb(54,149,161)
```
#3ca7b4
```
#3ca7b4 rgb(60,167,180)
```
#48b4c2
```
#48b4c2 rgb(72,180,194)
```
#5bbcc8
```
#5bbcc8 rgb(91,188,200)
```
#6ec4ce
```
#6ec4ce rgb(110,196,206)
```
#81ccd5
```
#81ccd5 rgb(129,204,213)
```
#94d3db
```
#94d3db rgb(148,211,219)
```

Monochromatic Color

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

#5bc8b9
```
#5bc8b9 rgb(91,200,185)
```
#5bc8c2
```
#5bc8c2 rgb(91,200,194)
```
#5bc5c8
```
#5bc5c8 rgb(91,197,200)
```
#5bbcc8
```
#5bbcc8 rgb(91,188,200)
```
#5bb3c8
```
#5bb3c8 rgb(91,179,200)
```
#5baac8
```
#5baac8 rgb(91,170,200)
```
#5ba1c8
```
#5ba1c8 rgb(91,161,200)
```

Similar Colors

Text with hexadecimal color #5bbcc8

This text has a font color of #5bbcc8.

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

#5bbcc8 background color

This paragraph has a background color of #5bbcc8.

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

#5bbcc8 border color

This element has a border color of #5bbcc8.

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

CSS codes

.text {color:#5bbcc8;}

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

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

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)
```
#133438
```
#133438 rgb(19,52,56)
```
#184247
```
#184247 rgb(24,66,71)
```
#1d4f56
```
#1d4f56 rgb(29,79,86)
```
#225d64
```
#225d64 rgb(34,93,100)
```
#276b73
```
#276b73 rgb(39,107,115)
```
#2c7882
```
#2c7882 rgb(44,120,130)
```
#308690
```
#308690 rgb(48,134,144)
```
#35949f
```
#35949f rgb(53,148,159)
```
#3aa1ae
```
#3aa1ae rgb(58,161,174)
```
#3fafbd
```
#3fafbd rgb(63,175,189)
```

Shade Color Variation

#4cb6c3
```
#4cb6c3 rgb(76,182,195)
```
#5bbcc8
```
#5bbcc8 rgb(91,188,200)
```
#6ac2cd
```
#6ac2cd rgb(106,194,205)
```
#78c8d2
```
#78c8d2 rgb(120,200,210)
```
#87ced7
```
#87ced7 rgb(135,206,215)
```
#96d4dc
```
#96d4dc rgb(150,212,220)
```
#a4dae1
```
#a4dae1 rgb(164,218,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 #28e3fb is the most saturated one.

#8e9595
```
#8e9595 rgb(142,149,149)
```
#859b9e
```
#859b9e rgb(133,155,158)
```
#7da2a6
```
#7da2a6 rgb(125,162,166)
```
#74a8af
```
#74a8af rgb(116,168,175)
```
#6cafb7
```
#6cafb7 rgb(108,175,183)
```
#63b5c0
```
#63b5c0 rgb(99,181,192)
```
#5bbcc8
```
#5bbcc8 rgb(91,188,200)
```
#53c3d0
```
#53c3d0 rgb(83,195,208)
```
#4ac9d9
```
#4ac9d9 rgb(74,201,217)
```
#42d0e1
```
#42d0e1 rgb(66,208,225)
```
#39d6ea
```
#39d6ea rgb(57,214,234)
```
#31ddf2
```
#31ddf2 rgb(49,221,242)
```
#28e3fb
```
#28e3fb rgb(40,227,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#92a6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b1c2 Protanopia 1% of men
#b2aed1 Deuteranopia 1% of men
#64bfcd Tritanopia 0.001% of the population

Trichromacy

#91b5c4 Protanomaly 1% of men, 0.01% of women
#92b3cd Deuteranomaly 6% of men, 0.4% of women
#61bdcb Tritanomaly 0.01% of the population