#5cbad5 hex color

In a RGB color space, hex #5cbad5 is composed of 36.1% red, 72.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 12.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 193.4 degrees, a saturation of 59% and a lightness of 59.8%. #5cbad5 color hex could be obtained by blending #b8ffff with #0075ab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 73
- B 84
RGB color chart
- C 57
- M 13
- Y 0
- K 16
CMYK color chart

● #5cbad5 color description : Moderate cyan.

The hexadecimal color #5cbad5 has RGB values of R:92, G:186, B:213 and CMYK values of C:0.57, M:0.13, Y:0, K:0.16. Its decimal value is 6077141.

Hex triplet	5cbad5	`#5cbad5`
RGB Decimal	92, 186, 213	`rgb(92,186,213)`
RGB Percent	36.1, 72.9, 83.5	`rgb(36.1%,72.9%,83.5%)`
CMYK	57, 13, 0, 16
HSL	193.4°, 59, 59.8	`hsl(193.4,59%,59.8%)`
HSV (or HSB)	193.4°, 56.8, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.005, -20.156, -22.029
XYZ	33.98, 42.195, 69.301
xyY	0.234, 0.29, 42.195
CIE-LCH	71.005, 29.859, 227.541
CIE-LUV	71.005, -39.202, -31.602
Hunter-Lab	64.958, -20.301, -17.784
Binary	01011100, 10111010, 11010101

#5cbad5
```
#5cbad5 rgb(92,186,213)
```
#d5775c
```
#d5775c rgb(213,119,92)
```

Complementary Color

#5cd5b4
```
#5cd5b4 rgb(92,213,180)
```
#5cbad5
```
#5cbad5 rgb(92,186,213)
```
#5c7ed5
```
#5c7ed5 rgb(92,126,213)
```

Analogous Color

#d5b45c
```
#d5b45c rgb(213,180,92)
```
#5cbad5
```
#5cbad5 rgb(92,186,213)
```
#d55c7e
```
#d55c7e rgb(213,92,126)
```

Split Complementary Color

#bad55c
```
#bad55c rgb(186,213,92)
```
#5cbad5
```
#5cbad5 rgb(92,186,213)
```
#d55cba
```
#d55cba rgb(213,92,186)
```

Triadic Color

#5cd577
```
#5cd577 rgb(92,213,119)
```
#5cbad5
```
#5cbad5 rgb(92,186,213)
```
#d55cba
```
#d55cba rgb(213,92,186)
```
#d5775c
```
#d5775c rgb(213,119,92)
```

Tetradic Color

#2f98b6
```
#2f98b6 rgb(47,152,182)
```
#34a9ca
```
#34a9ca rgb(52,169,202)
```
#48b1d0
```
#48b1d0 rgb(72,177,208)
```
#5cbad5
```
#5cbad5 rgb(92,186,213)
```
#70c3da
```
#70c3da rgb(112,195,218)
```
#85cbdf
```
#85cbdf rgb(133,203,223)
```
#99d4e5
```
#99d4e5 rgb(153,212,229)
```

Monochromatic Color

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

#5cd5d2
```
#5cd5d2 rgb(92,213,210)
```
#5cced5
```
#5cced5 rgb(92,206,213)
```
#5cc4d5
```
#5cc4d5 rgb(92,196,213)
```
#5cbad5
```
#5cbad5 rgb(92,186,213)
```
#5cb0d5
```
#5cb0d5 rgb(92,176,213)
```
#5ca6d5
```
#5ca6d5 rgb(92,166,213)
```
#5c9cd5
```
#5c9cd5 rgb(92,156,213)
```

Similar Colors

Text with hexadecimal color #5cbad5

This text has a font color of #5cbad5.

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

#5cbad5 background color

This paragraph has a background color of #5cbad5.

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

#5cbad5 border color

This element has a border color of #5cbad5.

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

CSS codes

.text {color:#5cbad5;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#061418
```
#061418 rgb(6,20,24)
```
#0a2128
```
#0a2128 rgb(10,33,40)
```
#0e2e37
```
#0e2e37 rgb(14,46,55)
```
#123b47
```
#123b47 rgb(18,59,71)
```
#164857
```
#164857 rgb(22,72,87)
```
#1a5566
```
#1a5566 rgb(26,85,102)
```
#1e6276
```
#1e6276 rgb(30,98,118)
```
#226f85
```
#226f85 rgb(34,111,133)
```
#267c95
```
#267c95 rgb(38,124,149)
```
#2a89a5
```
#2a89a5 rgb(42,137,165)
```
#2e96b4
```
#2e96b4 rgb(46,150,180)
```
#32a3c4
```
#32a3c4 rgb(50,163,196)
```

Shade Color Variation

#3dadcd
```
#3dadcd rgb(61,173,205)
```
#4cb3d1
```
#4cb3d1 rgb(76,179,209)
```
#5cbad5
```
#5cbad5 rgb(92,186,213)
```
#6cc1d9
```
#6cc1d9 rgb(108,193,217)
```
#7bc7dd
```
#7bc7dd rgb(123,199,221)
```
#8bcee1
```
#8bcee1 rgb(139,206,225)
```
#9ad4e5
```
#9ad4e5 rgb(154,212,229)
```
#aadbe9
```
#aadbe9 rgb(170,219,233)
```
#bae2ed
```
#bae2ed rgb(186,226,237)
```
#c9e8f1
```
#c9e8f1 rgb(201,232,241)
```
#d9eff5
```
#d9eff5 rgb(217,239,245)
```
#e8f5f9
```
#e8f5f9 rgb(232,245,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939b9e is the less saturated color, while #35d0fc is the most saturated one.

#939b9e
```
#939b9e rgb(147,155,158)
```
#8ba0a6
```
#8ba0a6 rgb(139,160,166)
```
#83a4ae
```
#83a4ae rgb(131,164,174)
```
#7ca9b5
```
#7ca9b5 rgb(124,169,181)
```
#74adbd
```
#74adbd rgb(116,173,189)
```
#6cb1c5
```
#6cb1c5 rgb(108,177,197)
```
#64b6cd
```
#64b6cd rgb(100,182,205)
```
#5cbad5
```
#5cbad5 rgb(92,186,213)
```
#54bedd
```
#54bedd rgb(84,190,221)
```
#4cc3e5
```
#4cc3e5 rgb(76,195,229)
```
#44c7ed
```
#44c7ed rgb(68,199,237)
```
#3ccbf5
```
#3ccbf5 rgb(60,203,245)
```
#35d0fc
```
#35d0fc rgb(53,208,252)
```

Tone Color Variation

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

Dichromacy

#abb0cf Protanopia 1% of men
#aaaedc Deuteranopia 1% of men
#5fbfcd Tritanopia 0.001% of the population

Trichromacy

#8eb4d1 Protanomaly 1% of men, 0.01% of women
#8eb2d9 Deuteranomaly 6% of men, 0.4% of women
#5ebdd0 Tritanomaly 0.01% of the population

#5cbad5 hex color

#5cbad5 Color Information

#5cbad5 Color Conversion

Color Schemes with #5cbad5

Alternatives to #5cbad5

#5cbad5 Preview

Shades and Tints of #5cbad5

Tones of #5cbad5

Color Blindness Simulator