colorhexa.com

#5cb8ec hex color

In a RGB color space, hex #5cb8ec is composed of 36.1% red, 72.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 22% magenta, 0% yellow and 7.5% black. It has a hue angle of 201.7 degrees, a saturation of 79.1% and a lightness of 64.3%. #5cb8ec color hex could be obtained by blending #b8ffff with #0071d9. Closest websafe color is: #66ccff.

- R 36
- G 72
- B 93
RGB color chart
- C 61
- M 22
- Y 0
- K 7
CMYK color chart

● #5cb8ec color description : Soft blue.

The hexadecimal color #5cb8ec has RGB values of R:92, G:184, B:236 and CMYK values of C:0.61, M:0.22, Y:0, K:0.07. Its decimal value is 6076652.

Hex triplet	5cb8ec	`#5cb8ec`
RGB Decimal	92, 184, 236	`rgb(92,184,236)`
RGB Percent	36.1, 72.2, 92.5	`rgb(36.1%,72.2%,92.5%)`
CMYK	61, 22, 0, 7
HSL	201.7°, 79.1, 64.3	`hsl(201.7,79.1%,64.3%)`
HSV (or HSB)	201.7°, 61, 92.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.289, -12.185, -34.119
XYZ	36.691, 42.61, 85.643
xyY	0.222, 0.258, 42.61
CIE-LCH	71.289, 36.23, 250.347
CIE-LUV	71.289, -37.533, -53.017
Hunter-Lab	65.276, -13.901, -32.096
Binary	01011100, 10111000, 11101100

#5cb8ec
```
#5cb8ec rgb(92,184,236)
```
#ec905c
```
#ec905c rgb(236,144,92)
```

Complementary Color

#5cecd8
```
#5cecd8 rgb(92,236,216)
```
#5cb8ec
```
#5cb8ec rgb(92,184,236)
```
#5c70ec
```
#5c70ec rgb(92,112,236)
```

Analogous Color

#ecd85c
```
#ecd85c rgb(236,216,92)
```
#5cb8ec
```
#5cb8ec rgb(92,184,236)
```
#ec5c70
```
#ec5c70 rgb(236,92,112)
```

Split Complementary Color

#b8ec5c
```
#b8ec5c rgb(184,236,92)
```
#5cb8ec
```
#5cb8ec rgb(92,184,236)
```
#ec5cb8
```
#ec5cb8 rgb(236,92,184)
```

Triadic Color

#5cec90
```
#5cec90 rgb(92,236,144)
```
#5cb8ec
```
#5cb8ec rgb(92,184,236)
```
#ec5cb8
```
#ec5cb8 rgb(236,92,184)
```
#ec905c
```
#ec905c rgb(236,144,92)
```

Tetradic Color

#1a99e1
```
#1a99e1 rgb(26,153,225)
```
#2ea4e7
```
#2ea4e7 rgb(46,164,231)
```
#45aee9
```
#45aee9 rgb(69,174,233)
```
#5cb8ec
```
#5cb8ec rgb(92,184,236)
```
#73c2ef
```
#73c2ef rgb(115,194,239)
```
#8accf1
```
#8accf1 rgb(138,204,241)
```
#a1d6f4
```
#a1d6f4 rgb(161,214,244)
```

Monochromatic Color

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

#5cdcec
```
#5cdcec rgb(92,220,236)
```
#5cd0ec
```
#5cd0ec rgb(92,208,236)
```
#5cc4ec
```
#5cc4ec rgb(92,196,236)
```
#5cb8ec
```
#5cb8ec rgb(92,184,236)
```
#5cacec
```
#5cacec rgb(92,172,236)
```
#5ca0ec
```
#5ca0ec rgb(92,160,236)
```
#5c94ec
```
#5c94ec rgb(92,148,236)
```

Similar Colors

Text with hexadecimal color #5cb8ec

This text has a font color of #5cb8ec.

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

#5cb8ec background color

This paragraph has a background color of #5cb8ec.

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

#5cb8ec border color

This element has a border color of #5cb8ec.

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

CSS codes

.text {color:#5cb8ec;}

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

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

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, #01090d is the darkest color, while #fafdfe is the lightest one.

#01090d
```
#01090d rgb(1,9,13)
```
#04151e
```
#04151e rgb(4,21,30)
```
#062130
```
#062130 rgb(6,33,48)
```
#082d41
```
#082d41 rgb(8,45,65)
```
#0a3853
```
#0a3853 rgb(10,56,83)
```
#0c4465
```
#0c4465 rgb(12,68,101)
```
#0e5076
```
#0e5076 rgb(14,80,118)
```
#105c88
```
#105c88 rgb(16,92,136)
```
#126899
```
#126899 rgb(18,104,153)
```
#1474ab
```
#1474ab rgb(20,116,171)
```
#1680bc
```
#1680bc rgb(22,128,188)
```
#188cce
```
#188cce rgb(24,140,206)
```
#1a98df
```
#1a98df rgb(26,152,223)
```

Shade Color Variation

#27a1e6
```
#27a1e6 rgb(39,161,230)
```
#39a9e8
```
#39a9e8 rgb(57,169,232)
```
#4ab0ea
```
#4ab0ea rgb(74,176,234)
```
#5cb8ec
```
#5cb8ec rgb(92,184,236)
```
#6ec0ee
```
#6ec0ee rgb(110,192,238)
```
#7fc7f0
```
#7fc7f0 rgb(127,199,240)
```
#91cff2
```
#91cff2 rgb(145,207,242)
```
#a2d7f4
```
#a2d7f4 rgb(162,215,244)
```
#b4def6
```
#b4def6 rgb(180,222,246)
```
#c5e6f8
```
#c5e6f8 rgb(197,230,248)
```
#d7eefa
```
#d7eefa rgb(215,238,250)
```
#e9f5fc
```
#e9f5fc rgb(233,245,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#a2a5a6
```
#a2a5a6 rgb(162,165,166)
```
#9ba7ad
```
#9ba7ad rgb(155,167,173)
```
#94a8b4
```
#94a8b4 rgb(148,168,180)
```
#8daabb
```
#8daabb rgb(141,170,187)
```
#86acc2
```
#86acc2 rgb(134,172,194)
```
#7faec9
```
#7faec9 rgb(127,174,201)
```
#78b0d0
```
#78b0d0 rgb(120,176,208)
```
#71b2d7
```
#71b2d7 rgb(113,178,215)
```
#6ab4de
```
#6ab4de rgb(106,180,222)
```
#63b6e5
```
#63b6e5 rgb(99,182,229)
```
#5cb8ec
```
#5cb8ec rgb(92,184,236)
```
#55baf3
```
#55baf3 rgb(85,186,243)
```
#4ebcfa
```
#4ebcfa rgb(78,188,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b0e5 Protanopia 1% of men
#9cb0f1 Deuteranopia 1% of men
#52c1cf Tritanopia 0.001% of the population

Trichromacy

#89b3e7 Protanomaly 1% of men, 0.01% of women
#84b3ef Deuteranomaly 6% of men, 0.4% of women
#55bdd9 Tritanomaly 0.01% of the population