#5daefb hex color

In a RGB color space, hex #5daefb is composed of 36.5% red, 68.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 30.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 209.2 degrees, a saturation of 95.2% and a lightness of 67.5%. #5daefb color hex could be obtained by blending #baffff with #005df7. Closest websafe color is: #6699ff.

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

● #5daefb color description : Soft blue.

The hexadecimal color #5daefb has RGB values of R:93, G:174, B:251 and CMYK values of C:0.63, M:0.31, Y:0, K:0.02. Its decimal value is 6139643.

Hex triplet	5daefb	`#5daefb`
RGB Decimal	93, 174, 251	`rgb(93,174,251)`
RGB Percent	36.5, 68.2, 98.4	`rgb(36.5%,68.2%,98.4%)`
CMYK	63, 31, 0, 2
HSL	209.2°, 95.2, 67.5	`hsl(209.2,95.2%,67.5%)`
HSV (or HSB)	209.2°, 62.9, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.156, -1.777, -45.585
XYZ	37.059, 39.562, 96.945
xyY	0.214, 0.228, 39.562
CIE-LCH	69.156, 45.619, 267.768
CIE-LUV	69.156, -33.215, -73.607
Hunter-Lab	62.898, -4.902, -47.355
Binary	01011101, 10101110, 11111011

#5daefb
```
#5daefb rgb(93,174,251)
```
#fbaa5d
```
#fbaa5d rgb(251,170,93)
```

Complementary Color

#5dfbf9
```
#5dfbf9 rgb(93,251,249)
```
#5daefb
```
#5daefb rgb(93,174,251)
```
#5d5ffb
```
#5d5ffb rgb(93,95,251)
```

Analogous Color

#fbf95d
```
#fbf95d rgb(251,249,93)
```
#5daefb
```
#5daefb rgb(93,174,251)
```
#fb5d5f
```
#fb5d5f rgb(251,93,95)
```

Split Complementary Color

#aefb5d
```
#aefb5d rgb(174,251,93)
```
#5daefb
```
#5daefb rgb(93,174,251)
```
#fb5dae
```
#fb5dae rgb(251,93,174)
```

Triadic Color

#5dfbaa
```
#5dfbaa rgb(93,251,170)
```
#5daefb
```
#5daefb rgb(93,174,251)
```
#fb5dae
```
#fb5dae rgb(251,93,174)
```
#fbaa5d
```
#fbaa5d rgb(251,170,93)
```

Tetradic Color

#1289f9
```
#1289f9 rgb(18,137,249)
```
#2b95fa
```
#2b95fa rgb(43,149,250)
```
#44a2fa
```
#44a2fa rgb(68,162,250)
```
#5daefb
```
#5daefb rgb(93,174,251)
```
#76bafc
```
#76bafc rgb(118,186,252)
```
#8fc7fc
```
#8fc7fc rgb(143,199,252)
```
#a8d3fd
```
#a8d3fd rgb(168,211,253)
```

Monochromatic Color

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

#5dd6fb
```
#5dd6fb rgb(93,214,251)
```
#5dc8fb
```
#5dc8fb rgb(93,200,251)
```
#5dbbfb
```
#5dbbfb rgb(93,187,251)
```
#5daefb
```
#5daefb rgb(93,174,251)
```
#5da1fb
```
#5da1fb rgb(93,161,251)
```
#5d94fb
```
#5d94fb rgb(93,148,251)
```
#5d87fb
```
#5d87fb rgb(93,135,251)
```

Similar Colors

Text with hexadecimal color #5daefb

This text has a font color of #5daefb.

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

#5daefb background color

This paragraph has a background color of #5daefb.

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

#5daefb border color

This element has a border color of #5daefb.

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

CSS codes

.text {color:#5daefb;}

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

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

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, #00050a is the darkest color, while #f6fbff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#010f1d
```
#010f1d rgb(1,15,29)
```
#011931
```
#011931 rgb(1,25,49)
```
#022444
```
#022444 rgb(2,36,68)
```
#022e57
```
#022e57 rgb(2,46,87)
```
#03386a
```
#03386a rgb(3,56,106)
```
#03427d
```
#03427d rgb(3,66,125)
```
#044c90
```
#044c90 rgb(4,76,144)
```
#0456a3
```
#0456a3 rgb(4,86,163)
```
#0560b7
```
#0560b7 rgb(5,96,183)
```
#056aca
```
#056aca rgb(5,106,202)
```
#0574dd
```
#0574dd rgb(5,116,221)
```
#067ef0
```
#067ef0 rgb(6,126,240)
```

Shade Color Variation

#1088f9
```
#1088f9 rgb(16,136,249)
```
#2491fa
```
#2491fa rgb(36,145,250)
```
#379bfa
```
#379bfa rgb(55,155,250)
```
#4aa4fb
```
#4aa4fb rgb(74,164,251)
```
#5daefb
```
#5daefb rgb(93,174,251)
```
#70b8fb
```
#70b8fb rgb(112,184,251)
```
#83c1fc
```
#83c1fc rgb(131,193,252)
```
#96cbfc
```
#96cbfc rgb(150,203,252)
```
#aad4fd
```
#aad4fd rgb(170,212,253)
```
#bddefd
```
#bddefd rgb(189,222,253)
```
#d0e7fe
```
#d0e7fe rgb(208,231,254)
```
#e3f1fe
```
#e3f1fe rgb(227,241,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#aaacae
```
#aaacae rgb(170,172,174)
```
#a3acb5
```
#a3acb5 rgb(163,172,181)
```
#9dacbb
```
#9dacbb rgb(157,172,187)
```
#96adc2
```
#96adc2 rgb(150,173,194)
```
#90adc8
```
#90adc8 rgb(144,173,200)
```
#8aadce
```
#8aadce rgb(138,173,206)
```
#83add5
```
#83add5 rgb(131,173,213)
```
#7daddb
```
#7daddb rgb(125,173,219)
```
#77ade1
```
#77ade1 rgb(119,173,225)
```
#70aee8
```
#70aee8 rgb(112,174,232)
```
#6aaeee
```
#6aaeee rgb(106,174,238)
```
#63aef5
```
#63aef5 rgb(99,174,245)
```
#5daefb
```
#5daefb rgb(93,174,251)
```

Tone Color Variation

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

#92aaf5 Protanopia 1% of men
#83acfd Deuteranopia 1% of men
#43bcca Tritanopia 0.001% of the population

Trichromacy

#7fabf7 Protanomaly 1% of men, 0.01% of women
#75adfc Deuteranomaly 6% of men, 0.4% of women
#4cb7db Tritanomaly 0.01% of the population

#5daefb hex color

#5daefb Color Information

#5daefb Color Conversion

Color Schemes with #5daefb

Alternatives to #5daefb

#5daefb Preview

Shades and Tints of #5daefb

Tones of #5daefb

Color Blindness Simulator