colorhexa.com

#5cbac9 hex color

In a RGB color space, hex #5cbac9 is composed of 36.1% red, 72.9% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 7.5% magenta, 0% yellow and 21.2% black. It has a hue angle of 188.3 degrees, a saturation of 50.2% and a lightness of 57.5%. #5cbac9 color hex could be obtained by blending #b8ffff with #007593. Closest websafe color is: #66cccc.

- R 36
- G 73
- B 79
RGB color chart
- C 54
- M 7
- Y 0
- K 21
CMYK color chart

● #5cbac9 color description : Moderate cyan.

The hexadecimal color #5cbac9 has RGB values of R:92, G:186, B:201 and CMYK values of C:0.54, M:0.07, Y:0, K:0.21. Its decimal value is 6077129.

Hex triplet	5cbac9	`#5cbac9`
RGB Decimal	92, 186, 201	`rgb(92,186,201)`
RGB Percent	36.1, 72.9, 78.8	`rgb(36.1%,72.9%,78.8%)`
CMYK	54, 7, 0, 21
HSL	188.3°, 50.2, 57.5	`hsl(188.3,50.2%,57.5%)`
HSV (or HSB)	188.3°, 54.2, 78.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.6, -23.593, -16.079
XYZ	32.512, 41.608, 61.573
xyY	0.24, 0.307, 41.608
CIE-LCH	70.6, 28.551, 214.275
CIE-LUV	70.6, -39.711, -21.341
Hunter-Lab	64.504, -22.912, -11.443
Binary	01011100, 10111010, 11001001

#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#c96b5c
```
#c96b5c rgb(201,107,92)
```

Complementary Color

#5cc9a2
```
#5cc9a2 rgb(92,201,162)
```
#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#5c84c9
```
#5c84c9 rgb(92,132,201)
```

Analogous Color

#c9a25c
```
#c9a25c rgb(201,162,92)
```
#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#c95c84
```
#c95c84 rgb(201,92,132)
```

Split Complementary Color

#bac95c
```
#bac95c rgb(186,201,92)
```
#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#c95cba
```
#c95cba rgb(201,92,186)
```

Triadic Color

#5cc96b
```
#5cc96b rgb(92,201,107)
```
#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#c95cba
```
#c95cba rgb(201,92,186)
```
#c96b5c
```
#c96b5c rgb(201,107,92)
```

Tetradic Color

#3694a3
```
#3694a3 rgb(54,148,163)
```
#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```
#49b2c3
```
#49b2c3 rgb(73,178,195)
```
#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#6fc2cf
```
#6fc2cf rgb(111,194,207)
```
#82cad6
```
#82cad6 rgb(130,202,214)
```
#95d2dc
```
#95d2dc rgb(149,210,220)
```

Monochromatic Color

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

#5cc9bd
```
#5cc9bd rgb(92,201,189)
```
#5cc9c6
```
#5cc9c6 rgb(92,201,198)
```
#5cc3c9
```
#5cc3c9 rgb(92,195,201)
```
#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#5cb1c9
```
#5cb1c9 rgb(92,177,201)
```
#5ca8c9
```
#5ca8c9 rgb(92,168,201)
```
#5c9fc9
```
#5c9fc9 rgb(92,159,201)
```

Similar Colors

Text with hexadecimal color #5cbac9

This text has a font color of #5cbac9.

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

#5cbac9 background color

This paragraph has a background color of #5cbac9.

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

#5cbac9 border color

This element has a border color of #5cbac9.

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

CSS codes

.text {color:#5cbac9;}

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

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

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

#050d0e
```
#050d0e rgb(5,13,14)
```
#091a1d
```
#091a1d rgb(9,26,29)
```
#0e272b
```
#0e272b rgb(14,39,43)
```
#13353a
```
#13353a rgb(19,53,58)
```
#184249
```
#184249 rgb(24,66,73)
```
#1d4f57
```
#1d4f57 rgb(29,79,87)
```
#225d66
```
#225d66 rgb(34,93,102)
```
#276a75
```
#276a75 rgb(39,106,117)
```
#2c7884
```
#2c7884 rgb(44,120,132)
```
#318592
```
#318592 rgb(49,133,146)
```
#3592a1
```
#3592a1 rgb(53,146,161)
```
#3aa0b0
```
#3aa0b0 rgb(58,160,176)
```
#3fadbf
```
#3fadbf rgb(63,173,191)
```

Shade Color Variation

#4db4c4
```
#4db4c4 rgb(77,180,196)
```
#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#6bc0ce
```
#6bc0ce rgb(107,192,206)
```
#79c6d3
```
#79c6d3 rgb(121,198,211)
```
#88cdd8
```
#88cdd8 rgb(136,205,216)
```
#97d3dd
```
#97d3dd rgb(151,211,221)
```
#a6d9e1
```
#a6d9e1 rgb(166,217,225)
```
#b4dfe6
```
#b4dfe6 rgb(180,223,230)
```
#c3e6eb
```
#c3e6eb rgb(195,230,235)
```
#d2ecf0
```
#d2ecf0 rgb(210,236,240)
```
#e1f2f5
```
#e1f2f5 rgb(225,242,245)
```
#eff8fa
```
#eff8fa rgb(239,248,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#8e9697
```
#8e9697 rgb(142,150,151)
```
#869c9f
```
#869c9f rgb(134,156,159)
```
#7da2a8
```
#7da2a8 rgb(125,162,168)
```
#75a8b0
```
#75a8b0 rgb(117,168,176)
```
#6daeb8
```
#6daeb8 rgb(109,174,184)
```
#64b4c1
```
#64b4c1 rgb(100,180,193)
```
#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#54c0d1
```
#54c0d1 rgb(84,192,209)
```
#4bc6da
```
#4bc6da rgb(75,198,218)
```
#43cce2
```
#43cce2 rgb(67,204,226)
```
#3bd2ea
```
#3bd2ea rgb(59,210,234)
```
#32d8f3
```
#32d8f3 rgb(50,216,243)
```
#2adefb
```
#2adefb rgb(42,222,251)
```

Tone Color Variation

Below, you can see how #5cbac9 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
#92a5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeafc3 Protanopia 1% of men
#b0add1 Deuteranopia 1% of men
#64bdcb Tritanopia 0.001% of the population

Trichromacy

#90b3c5 Protanomaly 1% of men, 0.01% of women
#91b1ce Deuteranomaly 6% of men, 0.4% of women
#61bcca Tritanomaly 0.01% of the population