#5daef6 hex color

In a RGB color space, hex #5daef6 is composed of 36.5% red, 68.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 29.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 208.2 degrees, a saturation of 89.5% and a lightness of 66.5%. #5daef6 color hex could be obtained by blending #baffff with #005ded. Closest websafe color is: #6699ff.

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

● #5daef6 color description : Soft blue.

The hexadecimal color #5daef6 has RGB values of R:93, G:174, B:246 and CMYK values of C:0.62, M:0.29, Y:0, K:0.04. Its decimal value is 6139638.

Hex triplet	5daef6	`#5daef6`
RGB Decimal	93, 174, 246	`rgb(93,174,246)`
RGB Percent	36.5, 68.2, 96.5	`rgb(36.5%,68.2%,96.5%)`
CMYK	62, 29, 0, 4
HSL	208.2°, 89.5, 66.5	`hsl(208.2,89.5%,66.5%)`
HSV (or HSB)	208.2°, 62.2, 96.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.932, -3.386, -43.221
XYZ	36.281, 39.251, 92.848
xyY	0.215, 0.233, 39.251
CIE-LCH	68.932, 43.354, 265.52
CIE-LUV	68.932, -33.363, -69.348
Hunter-Lab	62.65, -6.268, -44.013
Binary	01011101, 10101110, 11110110

#5daef6
```
#5daef6 rgb(93,174,246)
```
#f6a55d
```
#f6a55d rgb(246,165,93)
```

Complementary Color

#5df6f2
```
#5df6f2 rgb(93,246,242)
```
#5daef6
```
#5daef6 rgb(93,174,246)
```
#5d62f6
```
#5d62f6 rgb(93,98,246)
```

Analogous Color

#f6f25d
```
#f6f25d rgb(246,242,93)
```
#5daef6
```
#5daef6 rgb(93,174,246)
```
#f65d62
```
#f65d62 rgb(246,93,98)
```

Split Complementary Color

#aef65d
```
#aef65d rgb(174,246,93)
```
#5daef6
```
#5daef6 rgb(93,174,246)
```
#f65dae
```
#f65dae rgb(246,93,174)
```

Triadic Color

#5df6a5
```
#5df6a5 rgb(93,246,165)
```
#5daef6
```
#5daef6 rgb(93,174,246)
```
#f65dae
```
#f65dae rgb(246,93,174)
```
#f6a55d
```
#f6a55d rgb(246,165,93)
```

Tetradic Color

#158af2
```
#158af2 rgb(21,138,242)
```
#2d96f3
```
#2d96f3 rgb(45,150,243)
```
#45a2f5
```
#45a2f5 rgb(69,162,245)
```
#5daef6
```
#5daef6 rgb(93,174,246)
```
#75baf7
```
#75baf7 rgb(117,186,247)
```
#8dc6f9
```
#8dc6f9 rgb(141,198,249)
```
#a5d2fa
```
#a5d2fa rgb(165,210,250)
```

Monochromatic Color

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

#5dd4f6
```
#5dd4f6 rgb(93,212,246)
```
#5dc8f6
```
#5dc8f6 rgb(93,200,246)
```
#5dbbf6
```
#5dbbf6 rgb(93,187,246)
```
#5daef6
```
#5daef6 rgb(93,174,246)
```
#5da1f6
```
#5da1f6 rgb(93,161,246)
```
#5d95f6
```
#5d95f6 rgb(93,149,246)
```
#5d88f6
```
#5d88f6 rgb(93,136,246)
```

Similar Colors

Text with hexadecimal color #5daef6

This text has a font color of #5daef6.

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

#5daef6 background color

This paragraph has a background color of #5daef6.

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

#5daef6 border color

This element has a border color of #5daef6.

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

CSS codes

.text {color:#5daef6;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010d18
```
#010d18 rgb(1,13,24)
```
#02182a
```
#02182a rgb(2,24,42)
```
#03223d
```
#03223d rgb(3,34,61)
```
#042c50
```
#042c50 rgb(4,44,80)
```
#053762
```
#053762 rgb(5,55,98)
```
#064175
```
#064175 rgb(6,65,117)
```
#084b87
```
#084b87 rgb(8,75,135)
```
#09569a
```
#09569a rgb(9,86,154)
```
#0a60ac
```
#0a60ac rgb(10,96,172)
```
#0b6abf
```
#0b6abf rgb(11,106,191)
```
#0c74d2
```
#0c74d2 rgb(12,116,210)
```
#0d7fe4
```
#0d7fe4 rgb(13,127,228)
```

Shade Color Variation

#1389f2
```
#1389f2 rgb(19,137,242)
```
#2592f3
```
#2592f3 rgb(37,146,243)
```
#389bf4
```
#389bf4 rgb(56,155,244)
```
#4aa5f5
```
#4aa5f5 rgb(74,165,245)
```
#5daef6
```
#5daef6 rgb(93,174,246)
```
#70b7f7
```
#70b7f7 rgb(112,183,247)
```
#82c1f8
```
#82c1f8 rgb(130,193,248)
```
#95caf9
```
#95caf9 rgb(149,202,249)
```
#a7d3fa
```
#a7d3fa rgb(167,211,250)
```
#badcfb
```
#badcfb rgb(186,220,251)
```
#cce6fc
```
#cce6fc rgb(204,230,252)
```
#dfeffd
```
#dfeffd rgb(223,239,253)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

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

#a5aaae
```
#a5aaae rgb(165,170,174)
```
#9faab4
```
#9faab4 rgb(159,170,180)
```
#98abbb
```
#98abbb rgb(152,171,187)
```
#92abc1
```
#92abc1 rgb(146,171,193)
```
#8babc8
```
#8babc8 rgb(139,171,200)
```
#84accf
```
#84accf rgb(132,172,207)
```
#7eacd5
```
#7eacd5 rgb(126,172,213)
```
#77acdc
```
#77acdc rgb(119,172,220)
```
#71ade2
```
#71ade2 rgb(113,173,226)
```
#6aade9
```
#6aade9 rgb(106,173,233)
```
#64aeef
```
#64aeef rgb(100,174,239)
```
#5daef6
```
#5daef6 rgb(93,174,246)
```
#56aefd
```
#56aefd rgb(86,174,253)
```

Tone Color Variation

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

#94aaf0 Protanopia 1% of men
#87acf8 Deuteranopia 1% of men
#47bbc9 Tritanopia 0.001% of the population

Trichromacy

#80abf2 Protanomaly 1% of men, 0.01% of women
#77acf7 Deuteranomaly 6% of men, 0.4% of women
#4fb6d9 Tritanomaly 0.01% of the population

#5daef6 hex color

#5daef6 Color Information

#5daef6 Color Conversion

Color Schemes with #5daef6

Alternatives to #5daef6

#5daef6 Preview

Shades and Tints of #5daef6

Tones of #5daef6

Color Blindness Simulator