#5aadf9 hex color

In a RGB color space, hex #5aadf9 is composed of 35.3% red, 67.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 30.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 208.7 degrees, a saturation of 93% and a lightness of 66.5%. #5aadf9 color hex could be obtained by blending #b4ffff with #005bf3. Closest websafe color is: #6699ff.

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

● #5aadf9 color description : Soft blue.

The hexadecimal color #5aadf9 has RGB values of R:90, G:173, B:249 and CMYK values of C:0.64, M:0.31, Y:0, K:0.02. Its decimal value is 5942777.

Hex triplet	5aadf9	`#5aadf9`
RGB Decimal	90, 173, 249	`rgb(90,173,249)`
RGB Percent	35.3, 67.8, 97.6	`rgb(35.3%,67.8%,97.6%)`
CMYK	64, 31, 0, 2
HSL	208.7°, 93, 66.5	`hsl(208.7,93%,66.5%)`
HSV (or HSB)	208.7°, 63.9, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.677, -2.373, -45.259
XYZ	36.255, 38.898, 95.215
xyY	0.213, 0.228, 38.898
CIE-LCH	68.677, 45.321, 266.999
CIE-LUV	68.677, -33.625, -72.91
Hunter-Lab	62.368, -5.381, -46.858
Binary	01011010, 10101101, 11111001

#5aadf9
```
#5aadf9 rgb(90,173,249)
```
#f9a65a
```
#f9a65a rgb(249,166,90)
```

Complementary Color

#5af9f6
```
#5af9f6 rgb(90,249,246)
```
#5aadf9
```
#5aadf9 rgb(90,173,249)
```
#5a5ef9
```
#5a5ef9 rgb(90,94,249)
```

Analogous Color

#f9f65a
```
#f9f65a rgb(249,246,90)
```
#5aadf9
```
#5aadf9 rgb(90,173,249)
```
#f95a5e
```
#f95a5e rgb(249,90,94)
```

Split Complementary Color

#adf95a
```
#adf95a rgb(173,249,90)
```
#5aadf9
```
#5aadf9 rgb(90,173,249)
```
#f95aad
```
#f95aad rgb(249,90,173)
```

Triadic Color

#5af9a6
```
#5af9a6 rgb(90,249,166)
```
#5aadf9
```
#5aadf9 rgb(90,173,249)
```
#f95aad
```
#f95aad rgb(249,90,173)
```
#f9a65a
```
#f9a65a rgb(249,166,90)
```

Tetradic Color

#1088f6
```
#1088f6 rgb(16,136,246)
```
#2995f7
```
#2995f7 rgb(41,149,247)
```
#41a1f8
```
#41a1f8 rgb(65,161,248)
```
#5aadf9
```
#5aadf9 rgb(90,173,249)
```
#73b9fa
```
#73b9fa rgb(115,185,250)
```
#8bc5fb
```
#8bc5fb rgb(139,197,251)
```
#a4d2fc
```
#a4d2fc rgb(164,210,252)
```

Monochromatic Color

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

#5ad5f9
```
#5ad5f9 rgb(90,213,249)
```
#5ac8f9
```
#5ac8f9 rgb(90,200,249)
```
#5abaf9
```
#5abaf9 rgb(90,186,249)
```
#5aadf9
```
#5aadf9 rgb(90,173,249)
```
#5aa0f9
```
#5aa0f9 rgb(90,160,249)
```
#5a93f9
```
#5a93f9 rgb(90,147,249)
```
#5a85f9
```
#5a85f9 rgb(90,133,249)
```

Similar Colors

Text with hexadecimal color #5aadf9

This text has a font color of #5aadf9.

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

#5aadf9 background color

This paragraph has a background color of #5aadf9.

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

#5aadf9 border color

This element has a border color of #5aadf9.

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

CSS codes

.text {color:#5aadf9;}

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

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

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 #f1f8ff is the lightest one.

#000305
```
#000305 rgb(0,3,5)
```
#010d18
```
#010d18 rgb(1,13,24)
```
#02172b
```
#02172b rgb(2,23,43)
```
#02223e
```
#02223e rgb(2,34,62)
```
#032c51
```
#032c51 rgb(3,44,81)
```
#043664
```
#043664 rgb(4,54,100)
```
#044077
```
#044077 rgb(4,64,119)
```
#054a8a
```
#054a8a rgb(5,74,138)
```
#06559d
```
#06559d rgb(6,85,157)
```
#065fb0
```
#065fb0 rgb(6,95,176)
```
#0769c3
```
#0769c3 rgb(7,105,195)
```
#0873d6
```
#0873d6 rgb(8,115,214)
```
#087de8
```
#087de8 rgb(8,125,232)
```

Shade Color Variation

#0e87f6
```
#0e87f6 rgb(14,135,246)
```
#2191f7
```
#2191f7 rgb(33,145,247)
```
#349af8
```
#349af8 rgb(52,154,248)
```
#47a4f8
```
#47a4f8 rgb(71,164,248)
```
#5aadf9
```
#5aadf9 rgb(90,173,249)
```
#6db6fa
```
#6db6fa rgb(109,182,250)
```
#80c0fa
```
#80c0fa rgb(128,192,250)
```
#93c9fb
```
#93c9fb rgb(147,201,251)
```
#a6d3fc
```
#a6d3fc rgb(166,211,252)
```
#b9dcfc
```
#b9dcfc rgb(185,220,252)
```
#cce5fd
```
#cce5fd rgb(204,229,253)
```
#deeffe
```
#deeffe rgb(222,239,254)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tint Color Variation

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

#a9aaaa
```
#a9aaaa rgb(169,170,170)
```
#a2aab1
```
#a2aab1 rgb(162,170,177)
```
#9caab7
```
#9caab7 rgb(156,170,183)
```
#95aabe
```
#95aabe rgb(149,170,190)
```
#8fabc4
```
#8fabc4 rgb(143,171,196)
```
#88abcb
```
#88abcb rgb(136,171,203)
```
#81abd2
```
#81abd2 rgb(129,171,210)
```
#7bacd8
```
#7bacd8 rgb(123,172,216)
```
#74acdf
```
#74acdf rgb(116,172,223)
```
#6eace5
```
#6eace5 rgb(110,172,229)
```
#67acec
```
#67acec rgb(103,172,236)
```
#61adf2
```
#61adf2 rgb(97,173,242)
```
#5aadf9
```
#5aadf9 rgb(90,173,249)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#90a0af Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a9f3 Protanopia 1% of men
#82abfb Deuteranopia 1% of men
#3fbbc8 Tritanopia 0.001% of the population

Trichromacy

#7daaf5 Protanomaly 1% of men, 0.01% of women
#73acfa Deuteranomaly 6% of men, 0.4% of women
#48b6da Tritanomaly 0.01% of the population

#5aadf9 hex color

#5aadf9 Color Information

#5aadf9 Color Conversion

Color Schemes with #5aadf9

Alternatives to #5aadf9

#5aadf9 Preview

Shades and Tints of #5aadf9

Tones of #5aadf9

Color Blindness Simulator