#5caff4 hex color

In a RGB color space, hex #5caff4 is composed of 36.1% red, 68.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 28.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 207.2 degrees, a saturation of 87.4% and a lightness of 65.9%. #5caff4 color hex could be obtained by blending #b8ffff with #005fe9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 69
- B 96
RGB color chart
- C 62
- M 28
- Y 0
- K 4
CMYK color chart

● #5caff4 color description : Soft blue.

The hexadecimal color #5caff4 has RGB values of R:92, G:175, B:244 and CMYK values of C:0.62, M:0.28, Y:0, K:0.04. Its decimal value is 6074356.

Hex triplet	5caff4	`#5caff4`
RGB Decimal	92, 175, 244	`rgb(92,175,244)`
RGB Percent	36.1, 68.6, 95.7	`rgb(36.1%,68.6%,95.7%)`
CMYK	62, 28, 0, 4
HSL	207.2°, 87.4, 65.9	`hsl(207.2,87.4%,65.9%)`
HSV (or HSB)	207.2°, 62.3, 95.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.086, -4.758, -41.896
XYZ	36.069, 39.464, 91.3
xyY	0.216, 0.237, 39.464
CIE-LCH	69.086, 42.165, 263.521
CIE-LUV	69.086, -34.019, -66.945
Hunter-Lab	62.821, -7.45, -42.194
Binary	01011100, 10101111, 11110100

#5caff4
```
#5caff4 rgb(92,175,244)
```
#f4a15c
```
#f4a15c rgb(244,161,92)
```

Complementary Color

#5cf4ed
```
#5cf4ed rgb(92,244,237)
```
#5caff4
```
#5caff4 rgb(92,175,244)
```
#5c63f4
```
#5c63f4 rgb(92,99,244)
```

Analogous Color

#f4ed5c
```
#f4ed5c rgb(244,237,92)
```
#5caff4
```
#5caff4 rgb(92,175,244)
```
#f45c63
```
#f45c63 rgb(244,92,99)
```

Split Complementary Color

#aff45c
```
#aff45c rgb(175,244,92)
```
#5caff4
```
#5caff4 rgb(92,175,244)
```
#f45caf
```
#f45caf rgb(244,92,175)
```

Triadic Color

#5cf4a1
```
#5cf4a1 rgb(92,244,161)
```
#5caff4
```
#5caff4 rgb(92,175,244)
```
#f45caf
```
#f45caf rgb(244,92,175)
```
#f4a15c
```
#f4a15c rgb(244,161,92)
```

Tetradic Color

#148cef
```
#148cef rgb(20,140,239)
```
#2c98f1
```
#2c98f1 rgb(44,152,241)
```
#44a3f2
```
#44a3f2 rgb(68,163,242)
```
#5caff4
```
#5caff4 rgb(92,175,244)
```
#74bbf6
```
#74bbf6 rgb(116,187,246)
```
#8cc6f7
```
#8cc6f7 rgb(140,198,247)
```
#a4d2f9
```
#a4d2f9 rgb(164,210,249)
```

Monochromatic Color

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

#5cd5f4
```
#5cd5f4 rgb(92,213,244)
```
#5cc8f4
```
#5cc8f4 rgb(92,200,244)
```
#5cbcf4
```
#5cbcf4 rgb(92,188,244)
```
#5caff4
```
#5caff4 rgb(92,175,244)
```
#5ca2f4
```
#5ca2f4 rgb(92,162,244)
```
#5c96f4
```
#5c96f4 rgb(92,150,244)
```
#5c89f4
```
#5c89f4 rgb(92,137,244)
```

Similar Colors

Text with hexadecimal color #5caff4

This text has a font color of #5caff4.

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

#5caff4 background color

This paragraph has a background color of #5caff4.

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

#5caff4 border color

This element has a border color of #5caff4.

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

CSS codes

.text {color:#5caff4;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010c15
```
#010c15 rgb(1,12,21)
```
#031727
```
#031727 rgb(3,23,39)
```
#04213a
```
#04213a rgb(4,33,58)
```
#052c4c
```
#052c4c rgb(5,44,76)
```
#06365e
```
#06365e rgb(6,54,94)
```
#084171
```
#084171 rgb(8,65,113)
```
#094c83
```
#094c83 rgb(9,76,131)
```
#0a5695
```
#0a5695 rgb(10,86,149)
```
#0b61a8
```
#0b61a8 rgb(11,97,168)
```
#0d6bba
```
#0d6bba rgb(13,107,186)
```
#0e76cd
```
#0e76cd rgb(14,118,205)
```
#0f81df
```
#0f81df rgb(15,129,223)
```

Shade Color Variation

#128bef
```
#128bef rgb(18,139,239)
```
#2594f0
```
#2594f0 rgb(37,148,240)
```
#379df2
```
#379df2 rgb(55,157,242)
```
#4aa6f3
```
#4aa6f3 rgb(74,166,243)
```
#5caff4
```
#5caff4 rgb(92,175,244)
```
#6eb8f5
```
#6eb8f5 rgb(110,184,245)
```
#81c1f6
```
#81c1f6 rgb(129,193,246)
```
#93caf8
```
#93caf8 rgb(147,202,248)
```
#a6d3f9
```
#a6d3f9 rgb(166,211,249)
```
#b8dcfa
```
#b8dcfa rgb(184,220,250)
```
#cae5fb
```
#cae5fb rgb(202,229,251)
```
#ddeefd
```
#ddeefd rgb(221,238,253)
```
#eff7fe
```
#eff7fe rgb(239,247,254)
```

Tint Color Variation

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

#a6a8aa
```
#a6a8aa rgb(166,168,170)
```
#9fa9b1
```
#9fa9b1 rgb(159,169,177)
```
#98a9b8
```
#98a9b8 rgb(152,169,184)
```
#92aabe
```
#92aabe rgb(146,170,190)
```
#8babc5
```
#8babc5 rgb(139,171,197)
```
#84abcc
```
#84abcc rgb(132,171,204)
```
#7dacd3
```
#7dacd3 rgb(125,172,211)
```
#77add9
```
#77add9 rgb(119,173,217)
```
#70ade0
```
#70ade0 rgb(112,173,224)
```
#69aee7
```
#69aee7 rgb(105,174,231)
```
#63aeed
```
#63aeed rgb(99,174,237)
```
#5caff4
```
#5caff4 rgb(92,175,244)
```
#55b0fb
```
#55b0fb rgb(85,176,251)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#91a1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aaee Protanopia 1% of men
#89acf7 Deuteranopia 1% of men
#47bbc9 Tritanopia 0.001% of the population

Trichromacy

#81acf0 Protanomaly 1% of men, 0.01% of women
#79adf6 Deuteranomaly 6% of men, 0.4% of women
#4fb7d9 Tritanomaly 0.01% of the population

#5caff4 hex color

#5caff4 Color Information

#5caff4 Color Conversion

Color Schemes with #5caff4

Alternatives to #5caff4

#5caff4 Preview

Shades and Tints of #5caff4

Tones of #5caff4

Color Blindness Simulator