#5caff8 hex color

In a RGB color space, hex #5caff8 is composed of 36.1% red, 68.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 29.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 208.1 degrees, a saturation of 91.8% and a lightness of 66.7%. #5caff8 color hex could be obtained by blending #b8ffff with #005ff1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 69
- B 97
RGB color chart
- C 63
- M 29
- Y 0
- K 3
CMYK color chart

● #5caff8 color description : Soft blue.

The hexadecimal color #5caff8 has RGB values of R:92, G:175, B:248 and CMYK values of C:0.63, M:0.29, Y:0, K:0.03. Its decimal value is 6074360.

Hex triplet	5caff8	`#5caff8`
RGB Decimal	92, 175, 248	`rgb(92,175,248)`
RGB Percent	36.1, 68.6, 97.3	`rgb(36.1%,68.6%,97.3%)`
CMYK	63, 29, 0, 3
HSL	208.1°, 91.8, 66.7	`hsl(208.1,91.8%,66.7%)`
HSV (or HSB)	208.1°, 62.9, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.262, -3.474, -43.793
XYZ	36.683, 39.71, 94.533
xyY	0.215, 0.232, 39.71
CIE-LCH	69.262, 43.93, 265.464
CIE-LUV	69.262, -33.892, -70.362
Hunter-Lab	63.016, -6.369, -44.833
Binary	01011100, 10101111, 11111000

#5caff8
```
#5caff8 rgb(92,175,248)
```
#f8a55c
```
#f8a55c rgb(248,165,92)
```

Complementary Color

#5cf8f3
```
#5cf8f3 rgb(92,248,243)
```
#5caff8
```
#5caff8 rgb(92,175,248)
```
#5c61f8
```
#5c61f8 rgb(92,97,248)
```

Analogous Color

#f8f35c
```
#f8f35c rgb(248,243,92)
```
#5caff8
```
#5caff8 rgb(92,175,248)
```
#f85c61
```
#f85c61 rgb(248,92,97)
```

Split Complementary Color

#aff85c
```
#aff85c rgb(175,248,92)
```
#5caff8
```
#5caff8 rgb(92,175,248)
```
#f85caf
```
#f85caf rgb(248,92,175)
```

Triadic Color

#5cf8a5
```
#5cf8a5 rgb(92,248,165)
```
#5caff8
```
#5caff8 rgb(92,175,248)
```
#f85caf
```
#f85caf rgb(248,92,175)
```
#f8a55c
```
#f8a55c rgb(248,165,92)
```

Tetradic Color

#138bf5
```
#138bf5 rgb(19,139,245)
```
#2b97f6
```
#2b97f6 rgb(43,151,246)
```
#44a3f7
```
#44a3f7 rgb(68,163,247)
```
#5caff8
```
#5caff8 rgb(92,175,248)
```
#74bbf9
```
#74bbf9 rgb(116,187,249)
```
#8dc7fa
```
#8dc7fa rgb(141,199,250)
```
#a5d3fb
```
#a5d3fb rgb(165,211,251)
```

Monochromatic Color

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

#5cd6f8
```
#5cd6f8 rgb(92,214,248)
```
#5cc9f8
```
#5cc9f8 rgb(92,201,248)
```
#5cbcf8
```
#5cbcf8 rgb(92,188,248)
```
#5caff8
```
#5caff8 rgb(92,175,248)
```
#5ca2f8
```
#5ca2f8 rgb(92,162,248)
```
#5c95f8
```
#5c95f8 rgb(92,149,248)
```
#5c88f8
```
#5c88f8 rgb(92,136,248)
```

Similar Colors

Text with hexadecimal color #5caff8

This text has a font color of #5caff8.

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

#5caff8 background color

This paragraph has a background color of #5caff8.

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

#5caff8 border color

This element has a border color of #5caff8.

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

CSS codes

.text {color:#5caff8;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010e19
```
#010e19 rgb(1,14,25)
```
#02182c
```
#02182c rgb(2,24,44)
```
#03233f
```
#03233f rgb(3,35,63)
```
#032d51
```
#032d51 rgb(3,45,81)
```
#043764
```
#043764 rgb(4,55,100)
```
#054277
```
#054277 rgb(5,66,119)
```
#064c8a
```
#064c8a rgb(6,76,138)
```
#07579d
```
#07579d rgb(7,87,157)
```
#0861b0
```
#0861b0 rgb(8,97,176)
```
#086bc2
```
#086bc2 rgb(8,107,194)
```
#0976d5
```
#0976d5 rgb(9,118,213)
```
#0a80e8
```
#0a80e8 rgb(10,128,232)
```

Shade Color Variation

#118af5
```
#118af5 rgb(17,138,245)
```
#2493f6
```
#2493f6 rgb(36,147,246)
```
#369df6
```
#369df6 rgb(54,157,246)
```
#49a6f7
```
#49a6f7 rgb(73,166,247)
```
#5caff8
```
#5caff8 rgb(92,175,248)
```
#6fb8f9
```
#6fb8f9 rgb(111,184,249)
```
#82c1fa
```
#82c1fa rgb(130,193,250)
```
#94cbfa
```
#94cbfa rgb(148,203,250)
```
#a7d4fb
```
#a7d4fb rgb(167,212,251)
```
#baddfc
```
#baddfc rgb(186,221,252)
```
#cde6fd
```
#cde6fd rgb(205,230,253)
```
#e0f0fe
```
#e0f0fe rgb(224,240,254)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

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

#a4aab0
```
#a4aab0 rgb(164,170,176)
```
#9dabb7
```
#9dabb7 rgb(157,171,183)
```
#97abbd
```
#97abbd rgb(151,171,189)
```
#90acc4
```
#90acc4 rgb(144,172,196)
```
#8aacca
```
#8aacca rgb(138,172,202)
```
#83acd1
```
#83acd1 rgb(131,172,209)
```
#7dadd7
```
#7dadd7 rgb(125,173,215)
```
#76adde
```
#76adde rgb(118,173,222)
```
#70aee4
```
#70aee4 rgb(112,174,228)
```
#69aeeb
```
#69aeeb rgb(105,174,235)
```
#63aff1
```
#63aff1 rgb(99,175,241)
```
#5caff8
```
#5caff8 rgb(92,175,248)
```
#55afff
```
#55afff rgb(85,175,255)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#92a2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94abf2 Protanopia 1% of men
#87acfa Deuteranopia 1% of men
#44bcca Tritanopia 0.001% of the population

Trichromacy

#80acf4 Protanomaly 1% of men, 0.01% of women
#77adf9 Deuteranomaly 6% of men, 0.4% of women
#4db7da Tritanomaly 0.01% of the population

#5caff8 hex color

#5caff8 Color Information

#5caff8 Color Conversion

Color Schemes with #5caff8

Alternatives to #5caff8

#5caff8 Preview

Shades and Tints of #5caff8

Tones of #5caff8

Color Blindness Simulator