#5cb4ed hex color

In a RGB color space, hex #5cb4ed is composed of 36.1% red, 70.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 24.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 203.6 degrees, a saturation of 80.1% and a lightness of 64.5%. #5cb4ed color hex could be obtained by blending #b8ffff with #0069db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 71
- B 93
RGB color chart
- C 61
- M 24
- Y 0
- K 7
CMYK color chart

● #5cb4ed color description : Soft blue.

The hexadecimal color #5cb4ed has RGB values of R:92, G:180, B:237 and CMYK values of C:0.61, M:0.24, Y:0, K:0.07. Its decimal value is 6075629.

Hex triplet	5cb4ed	`#5cb4ed`
RGB Decimal	92, 180, 237	`rgb(92,180,237)`
RGB Percent	36.1, 70.6, 92.9	`rgb(36.1%,70.6%,92.9%)`
CMYK	61, 24, 0, 7
HSL	203.6°, 80.1, 64.5	`hsl(203.6,80.1%,64.5%)`
HSV (or HSB)	203.6°, 61.2, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.197, -9.717, -36.358
XYZ	36.017, 41.03, 86.138
xyY	0.221, 0.251, 41.03
CIE-LCH	70.197, 37.634, 255.037
CIE-LUV	70.197, -36.047, -57.028
Hunter-Lab	64.054, -11.726, -34.892
Binary	01011100, 10110100, 11101101

#5cb4ed
```
#5cb4ed rgb(92,180,237)
```
#ed955c
```
#ed955c rgb(237,149,92)
```

Complementary Color

#5cedde
```
#5cedde rgb(92,237,222)
```
#5cb4ed
```
#5cb4ed rgb(92,180,237)
```
#5c6ced
```
#5c6ced rgb(92,108,237)
```

Analogous Color

#edde5c
```
#edde5c rgb(237,222,92)
```
#5cb4ed
```
#5cb4ed rgb(92,180,237)
```
#ed5c6c
```
#ed5c6c rgb(237,92,108)
```

Split Complementary Color

#b4ed5c
```
#b4ed5c rgb(180,237,92)
```
#5cb4ed
```
#5cb4ed rgb(92,180,237)
```
#ed5cb4
```
#ed5cb4 rgb(237,92,180)
```

Triadic Color

#5ced95
```
#5ced95 rgb(92,237,149)
```
#5cb4ed
```
#5cb4ed rgb(92,180,237)
```
#ed5cb4
```
#ed5cb4 rgb(237,92,180)
```
#ed955c
```
#ed955c rgb(237,149,92)
```

Tetradic Color

#1994e3
```
#1994e3 rgb(25,148,227)
```
#2e9fe8
```
#2e9fe8 rgb(46,159,232)
```
#45a9ea
```
#45a9ea rgb(69,169,234)
```
#5cb4ed
```
#5cb4ed rgb(92,180,237)
```
#73bff0
```
#73bff0 rgb(115,191,240)
```
#8ac9f2
```
#8ac9f2 rgb(138,201,242)
```
#a1d4f5
```
#a1d4f5 rgb(161,212,245)
```

Monochromatic Color

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

#5cd8ed
```
#5cd8ed rgb(92,216,237)
```
#5ccced
```
#5ccced rgb(92,204,237)
```
#5cc0ed
```
#5cc0ed rgb(92,192,237)
```
#5cb4ed
```
#5cb4ed rgb(92,180,237)
```
#5ca8ed
```
#5ca8ed rgb(92,168,237)
```
#5c9ced
```
#5c9ced rgb(92,156,237)
```
#5c90ed
```
#5c90ed rgb(92,144,237)
```

Similar Colors

Text with hexadecimal color #5cb4ed

This text has a font color of #5cb4ed.

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

#5cb4ed background color

This paragraph has a background color of #5cb4ed.

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

#5cb4ed border color

This element has a border color of #5cb4ed.

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

CSS codes

.text {color:#5cb4ed;}

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

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

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, #02090e is the darkest color, while #fbfdff is the lightest one.

#02090e
```
#02090e rgb(2,9,14)
```
#03141f
```
#03141f rgb(3,20,31)
```
#052031
```
#052031 rgb(5,32,49)
```
#072b43
```
#072b43 rgb(7,43,67)
```
#093754
```
#093754 rgb(9,55,84)
```
#0b4266
```
#0b4266 rgb(11,66,102)
```
#0d4e78
```
#0d4e78 rgb(13,78,120)
```
#0f5989
```
#0f5989 rgb(15,89,137)
```
#11659b
```
#11659b rgb(17,101,155)
```
#1370ad
```
#1370ad rgb(19,112,173)
```
#157cbe
```
#157cbe rgb(21,124,190)
```
#1787d0
```
#1787d0 rgb(23,135,208)
```
#1993e2
```
#1993e2 rgb(25,147,226)
```

Shade Color Variation

#279ce7
```
#279ce7 rgb(39,156,231)
```
#39a4e9
```
#39a4e9 rgb(57,164,233)
```
#4aaceb
```
#4aaceb rgb(74,172,235)
```
#5cb4ed
```
#5cb4ed rgb(92,180,237)
```
#6ebcef
```
#6ebcef rgb(110,188,239)
```
#7fc4f1
```
#7fc4f1 rgb(127,196,241)
```
#91ccf3
```
#91ccf3 rgb(145,204,243)
```
#a3d5f5
```
#a3d5f5 rgb(163,213,245)
```
#b4ddf7
```
#b4ddf7 rgb(180,221,247)
```
#c6e5f9
```
#c6e5f9 rgb(198,229,249)
```
#d8edfb
```
#d8edfb rgb(216,237,251)
```
#e9f5fd
```
#e9f5fd rgb(233,245,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a5a7 is the less saturated color, while #4eb7fb is the most saturated one.

#a2a5a7
```
#a2a5a7 rgb(162,165,167)
```
#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#94a8b5
```
#94a8b5 rgb(148,168,181)
```
#8daabc
```
#8daabc rgb(141,170,188)
```
#86abc3
```
#86abc3 rgb(134,171,195)
```
#7fadca
```
#7fadca rgb(127,173,202)
```
#78aed1
```
#78aed1 rgb(120,174,209)
```
#71b0d8
```
#71b0d8 rgb(113,176,216)
```
#6ab1df
```
#6ab1df rgb(106,177,223)
```
#63b3e6
```
#63b3e6 rgb(99,179,230)
```
#5cb4ed
```
#5cb4ed rgb(92,180,237)
```
#55b5f4
```
#55b5f4 rgb(85,181,244)
```
#4eb7fb
```
#4eb7fb rgb(78,183,251)
```

Tone Color Variation

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

Dichromacy

#9eade7 Protanopia 1% of men
#96aef1 Deuteranopia 1% of men
#4fbecc Tritanopia 0.001% of the population

Trichromacy

#86b0e9 Protanomaly 1% of men, 0.01% of women
#80b0ef Deuteranomaly 6% of men, 0.4% of women
#54bad8 Tritanomaly 0.01% of the population

#5cb4ed hex color

#5cb4ed Color Information

#5cb4ed Color Conversion

Color Schemes with #5cb4ed

Alternatives to #5cb4ed

#5cb4ed Preview

Shades and Tints of #5cb4ed

Tones of #5cb4ed

Color Blindness Simulator