#5caefe hex color

In a RGB color space, hex #5caefe is composed of 36.1% red, 68.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 31.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 209.6 degrees, a saturation of 98.8% and a lightness of 67.8%. #5caefe color hex could be obtained by blending #b8ffff with #005dfd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 68
- B 100
RGB color chart
- C 64
- M 31
- Y 0
- K 0
CMYK color chart

● #5caefe color description : Soft blue.

The hexadecimal color #5caefe has RGB values of R:92, G:174, B:254 and CMYK values of C:0.64, M:0.31, Y:0, K:0. Its decimal value is 6074110.

Hex triplet	5caefe	`#5caefe`
RGB Decimal	92, 174, 254	`rgb(92,174,254)`
RGB Percent	36.1, 68.2, 99.6	`rgb(36.1%,68.2%,99.6%)`
CMYK	64, 31, 0, 0
HSL	209.6°, 98.8, 67.8	`hsl(209.6,98.8%,67.8%)`
HSV (or HSB)	209.6°, 63.8, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.256, -0.974, -47.057
XYZ	37.435, 39.701, 99.451
xyY	0.212, 0.225, 39.701
CIE-LCH	69.256, 47.067, 268.814
CIE-LUV	69.256, -33.36, -76.232
Hunter-Lab	63.008, -4.213, -49.476
Binary	01011100, 10101110, 11111110

#5caefe
```
#5caefe rgb(92,174,254)
```
#feac5c
```
#feac5c rgb(254,172,92)
```

Complementary Color

#5cfefd
```
#5cfefd rgb(92,254,253)
```
#5caefe
```
#5caefe rgb(92,174,254)
```
#5c5dfe
```
#5c5dfe rgb(92,93,254)
```

Analogous Color

#fefd5c
```
#fefd5c rgb(254,253,92)
```
#5caefe
```
#5caefe rgb(92,174,254)
```
#fe5c5d
```
#fe5c5d rgb(254,92,93)
```

Split Complementary Color

#aefe5c
```
#aefe5c rgb(174,254,92)
```
#5caefe
```
#5caefe rgb(92,174,254)
```
#fe5cae
```
#fe5cae rgb(254,92,174)
```

Triadic Color

#5cfeac
```
#5cfeac rgb(92,254,172)
```
#5caefe
```
#5caefe rgb(92,174,254)
```
#fe5cae
```
#fe5cae rgb(254,92,174)
```
#feac5c
```
#feac5c rgb(254,172,92)
```

Tetradic Color

#1088fe
```
#1088fe rgb(16,136,254)
```
#2995fe
```
#2995fe rgb(41,149,254)
```
#43a1fe
```
#43a1fe rgb(67,161,254)
```
#5caefe
```
#5caefe rgb(92,174,254)
```
#75bbfe
```
#75bbfe rgb(117,187,254)
```
#8fc7fe
```
#8fc7fe rgb(143,199,254)
```
#a8d4fe
```
#a8d4fe rgb(168,212,254)
```

Monochromatic Color

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

#5cd7fe
```
#5cd7fe rgb(92,215,254)
```
#5cc9fe
```
#5cc9fe rgb(92,201,254)
```
#5cbcfe
```
#5cbcfe rgb(92,188,254)
```
#5caefe
```
#5caefe rgb(92,174,254)
```
#5ca1fe
```
#5ca1fe rgb(92,161,254)
```
#5c93fe
```
#5c93fe rgb(92,147,254)
```
#5c86fe
```
#5c86fe rgb(92,134,254)
```

Similar Colors

Text with hexadecimal color #5caefe

This text has a font color of #5caefe.

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

#5caefe background color

This paragraph has a background color of #5caefe.

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

#5caefe border color

This element has a border color of #5caefe.

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

CSS codes

.text {color:#5caefe;}

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

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

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, #00060c is the darkest color, while #f8fcff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#001020
```
#001020 rgb(0,16,32)
```
#001a33
```
#001a33 rgb(0,26,51)
```
#002447
```
#002447 rgb(0,36,71)
```
#012e5a
```
#012e5a rgb(1,46,90)
```
#01386e
```
#01386e rgb(1,56,110)
```
#014281
```
#014281 rgb(1,66,129)
```
#014c95
```
#014c95 rgb(1,76,149)
```
#0156a8
```
#0156a8 rgb(1,86,168)
```
#0160bc
```
#0160bc rgb(1,96,188)
```
#016acf
```
#016acf rgb(1,106,207)
```
#0174e3
```
#0174e3 rgb(1,116,227)
```
#027df6
```
#027df6 rgb(2,125,246)
```

Shade Color Variation

#0e87fe
```
#0e87fe rgb(14,135,254)
```
#2291fe
```
#2291fe rgb(34,145,254)
```
#359bfe
```
#359bfe rgb(53,155,254)
```
#49a4fe
```
#49a4fe rgb(73,164,254)
```
#5caefe
```
#5caefe rgb(92,174,254)
```
#6fb8fe
```
#6fb8fe rgb(111,184,254)
```
#83c1fe
```
#83c1fe rgb(131,193,254)
```
#96cbfe
```
#96cbfe rgb(150,203,254)
```
#aad5fe
```
#aad5fe rgb(170,213,254)
```
#bddeff
```
#bddeff rgb(189,222,255)
```
#d1e8ff
```
#d1e8ff rgb(209,232,255)
```
#e4f2ff
```
#e4f2ff rgb(228,242,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#a8adb2
```
#a8adb2 rgb(168,173,178)
```
#a1adb9
```
#a1adb9 rgb(161,173,185)
```
#9badbf
```
#9badbf rgb(155,173,191)
```
#95adc5
```
#95adc5 rgb(149,173,197)
```
#8eadcc
```
#8eadcc rgb(142,173,204)
```
#88add2
```
#88add2 rgb(136,173,210)
```
#82aed8
```
#82aed8 rgb(130,174,216)
```
#7caede
```
#7caede rgb(124,174,222)
```
#75aee5
```
#75aee5 rgb(117,174,229)
```
#6faeeb
```
#6faeeb rgb(111,174,235)
```
#69aef1
```
#69aef1 rgb(105,174,241)
```
#62aef8
```
#62aef8 rgb(98,174,248)
```
#5caefe
```
#5caefe rgb(92,174,254)
```

Tone Color Variation

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

Dichromacy

#91aaf8 Protanopia 1% of men
#81adff Deuteranopia 1% of men
#3ebcca Tritanopia 0.001% of the population

Trichromacy

#7dacfa Protanomaly 1% of men, 0.01% of women
#73adfe Deuteranomaly 6% of men, 0.4% of women
#49b7dd Tritanomaly 0.01% of the population

#5caefe hex color

#5caefe Color Information

#5caefe Color Conversion

Color Schemes with #5caefe

Alternatives to #5caefe

#5caefe Preview

Shades and Tints of #5caefe

Tones of #5caefe

Color Blindness Simulator