colorhexa.com

#5caef9 hex color

In a RGB color space, hex #5caef9 is composed of 36.1% red, 68.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 30.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 208.7 degrees, a saturation of 92.9% and a lightness of 66.9%. #5caef9 color hex could be obtained by blending #b8ffff with #005df3. Closest websafe color is: #6699ff.

- R 36
- G 68
- B 98
RGB color chart
- C 63
- M 30
- Y 0
- K 2
CMYK color chart

● #5caef9 color description : Soft blue.

The hexadecimal color #5caef9 has RGB values of R:92, G:174, B:249 and CMYK values of C:0.63, M:0.3, Y:0, K:0.02. Its decimal value is 6074105.

Hex triplet	5caef9	`#5caef9`
RGB Decimal	92, 174, 249	`rgb(92,174,249)`
RGB Percent	36.1, 68.2, 97.6	`rgb(36.1%,68.2%,97.6%)`
CMYK	63, 30, 0, 2
HSL	208.7°, 92.9, 66.9	`hsl(208.7,92.9%,66.9%)`
HSV (or HSB)	208.7°, 63.1, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.029, -2.594, -44.702
XYZ	36.645, 39.384, 95.288
xyY	0.214, 0.23, 39.384
CIE-LCH	69.029, 44.777, 266.679
CIE-LUV	69.029, -33.51, -71.985
Hunter-Lab	62.757, -5.597, -46.094
Binary	01011100, 10101110, 11111001

#5caef9
```
#5caef9 rgb(92,174,249)
```
#f9a75c
```
#f9a75c rgb(249,167,92)
```

Complementary Color

#5cf9f6
```
#5cf9f6 rgb(92,249,246)
```
#5caef9
```
#5caef9 rgb(92,174,249)
```
#5c60f9
```
#5c60f9 rgb(92,96,249)
```

Analogous Color

#f9f65c
```
#f9f65c rgb(249,246,92)
```
#5caef9
```
#5caef9 rgb(92,174,249)
```
#f95c60
```
#f95c60 rgb(249,92,96)
```

Split Complementary Color

#aef95c
```
#aef95c rgb(174,249,92)
```
#5caef9
```
#5caef9 rgb(92,174,249)
```
#f95cae
```
#f95cae rgb(249,92,174)
```

Triadic Color

#5cf9a7
```
#5cf9a7 rgb(92,249,167)
```
#5caef9
```
#5caef9 rgb(92,174,249)
```
#f95cae
```
#f95cae rgb(249,92,174)
```
#f9a75c
```
#f9a75c rgb(249,167,92)
```

Tetradic Color

#1289f6
```
#1289f6 rgb(18,137,246)
```
#2b96f7
```
#2b96f7 rgb(43,150,247)
```
#43a2f8
```
#43a2f8 rgb(67,162,248)
```
#5caef9
```
#5caef9 rgb(92,174,249)
```
#75bafa
```
#75bafa rgb(117,186,250)
```
#8dc6fb
```
#8dc6fb rgb(141,198,251)
```
#a6d3fc
```
#a6d3fc rgb(166,211,252)
```

Monochromatic Color

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

#5cd5f9
```
#5cd5f9 rgb(92,213,249)
```
#5cc8f9
```
#5cc8f9 rgb(92,200,249)
```
#5cbbf9
```
#5cbbf9 rgb(92,187,249)
```
#5caef9
```
#5caef9 rgb(92,174,249)
```
#5ca1f9
```
#5ca1f9 rgb(92,161,249)
```
#5c94f9
```
#5c94f9 rgb(92,148,249)
```
#5c87f9
```
#5c87f9 rgb(92,135,249)
```

Similar Colors

Text with hexadecimal color #5caef9

This text has a font color of #5caef9.

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

#5caef9 background color

This paragraph has a background color of #5caef9.

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

#5caef9 border color

This element has a border color of #5caef9.

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

CSS codes

.text {color:#5caef9;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#010e1a
```
#010e1a rgb(1,14,26)
```
#02182d
```
#02182d rgb(2,24,45)
```
#022340
```
#022340 rgb(2,35,64)
```
#032d53
```
#032d53 rgb(3,45,83)
```
#043766
```
#043766 rgb(4,55,102)
```
#044179
```
#044179 rgb(4,65,121)
```
#054b8c
```
#054b8c rgb(5,75,140)
```
#06569f
```
#06569f rgb(6,86,159)
```
#0760b2
```
#0760b2 rgb(7,96,178)
```
#076ac4
```
#076ac4 rgb(7,106,196)
```
#0874d7
```
#0874d7 rgb(8,116,215)
```
#097eea
```
#097eea rgb(9,126,234)
```

Shade Color Variation

#1088f6
```
#1088f6 rgb(16,136,246)
```
#2392f7
```
#2392f7 rgb(35,146,247)
```
#369bf8
```
#369bf8 rgb(54,155,248)
```
#49a5f8
```
#49a5f8 rgb(73,165,248)
```
#5caef9
```
#5caef9 rgb(92,174,249)
```
#6fb7fa
```
#6fb7fa rgb(111,183,250)
```
#82c1fa
```
#82c1fa rgb(130,193,250)
```
#95cafb
```
#95cafb rgb(149,202,251)
```
#a8d4fc
```
#a8d4fc rgb(168,212,252)
```
#bbddfc
```
#bbddfc rgb(187,221,252)
```
#cee6fd
```
#cee6fd rgb(206,230,253)
```
#e0f0fe
```
#e0f0fe rgb(224,240,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#aaabab
```
#aaabab rgb(170,171,171)
```
#a4abb2
```
#a4abb2 rgb(164,171,178)
```
#9dabb8
```
#9dabb8 rgb(157,171,184)
```
#97abbf
```
#97abbf rgb(151,171,191)
```
#90acc5
```
#90acc5 rgb(144,172,197)
```
#8aaccc
```
#8aaccc rgb(138,172,204)
```
#83acd2
```
#83acd2 rgb(131,172,210)
```
#7dadd9
```
#7dadd9 rgb(125,173,217)
```
#76addf
```
#76addf rgb(118,173,223)
```
#70ade6
```
#70ade6 rgb(112,173,230)
```
#69adec
```
#69adec rgb(105,173,236)
```
#63aef3
```
#63aef3 rgb(99,174,243)
```
#5caef9
```
#5caef9 rgb(92,174,249)
```

Tone Color Variation

Below, you can see how #5caef9 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
#91a1b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93aaf3 Protanopia 1% of men
#84acfb Deuteranopia 1% of men
#43bbc9 Tritanopia 0.001% of the population

Trichromacy

#7fabf5 Protanomaly 1% of men, 0.01% of women
#75acfa Deuteranomaly 6% of men, 0.4% of women
#4cb6da Tritanomaly 0.01% of the population