#5aadf5 hex color

In a RGB color space, hex #5aadf5 is composed of 35.3% red, 67.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 29.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 207.9 degrees, a saturation of 88.6% and a lightness of 65.7%. #5aadf5 color hex could be obtained by blending #b4ffff with #005beb. Closest websafe color is: #6699ff.

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

● #5aadf5 color description : Soft blue.

The hexadecimal color #5aadf5 has RGB values of R:90, G:173, B:245 and CMYK values of C:0.63, M:0.29, Y:0, K:0.04. Its decimal value is 5942773.

Hex triplet	5aadf5	`#5aadf5`
RGB Decimal	90, 173, 245	`rgb(90,173,245)`
RGB Percent	35.3, 67.8, 96.1	`rgb(35.3%,67.8%,96.1%)`
CMYK	63, 29, 0, 4
HSL	207.9°, 88.6, 65.7	`hsl(207.9,88.6%,65.7%)`
HSV (or HSB)	207.9°, 63.3, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.498, -3.669, -43.367
XYZ	35.638, 38.651, 91.963
xyY	0.214, 0.232, 38.651
CIE-LCH	68.498, 43.522, 265.165
CIE-LUV	68.498, -33.752, -69.502
Hunter-Lab	62.17, -6.476, -44.185
Binary	01011010, 10101101, 11110101

#5aadf5
```
#5aadf5 rgb(90,173,245)
```
#f5a25a
```
#f5a25a rgb(245,162,90)
```

Complementary Color

#5af5f0
```
#5af5f0 rgb(90,245,240)
```
#5aadf5
```
#5aadf5 rgb(90,173,245)
```
#5a60f5
```
#5a60f5 rgb(90,96,245)
```

Analogous Color

#f5f05a
```
#f5f05a rgb(245,240,90)
```
#5aadf5
```
#5aadf5 rgb(90,173,245)
```
#f55a60
```
#f55a60 rgb(245,90,96)
```

Split Complementary Color

#adf55a
```
#adf55a rgb(173,245,90)
```
#5aadf5
```
#5aadf5 rgb(90,173,245)
```
#f55aad
```
#f55aad rgb(245,90,173)
```

Triadic Color

#5af5a2
```
#5af5a2 rgb(90,245,162)
```
#5aadf5
```
#5aadf5 rgb(90,173,245)
```
#f55aad
```
#f55aad rgb(245,90,173)
```
#f5a25a
```
#f5a25a rgb(245,162,90)
```

Tetradic Color

#1289f1
```
#1289f1 rgb(18,137,241)
```
#2a95f2
```
#2a95f2 rgb(42,149,242)
```
#42a1f4
```
#42a1f4 rgb(66,161,244)
```
#5aadf5
```
#5aadf5 rgb(90,173,245)
```
#72b9f6
```
#72b9f6 rgb(114,185,246)
```
#8ac5f8
```
#8ac5f8 rgb(138,197,248)
```
#a2d1f9
```
#a2d1f9 rgb(162,209,249)
```

Monochromatic Color

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

#5ad4f5
```
#5ad4f5 rgb(90,212,245)
```
#5ac7f5
```
#5ac7f5 rgb(90,199,245)
```
#5abaf5
```
#5abaf5 rgb(90,186,245)
```
#5aadf5
```
#5aadf5 rgb(90,173,245)
```
#5aa0f5
```
#5aa0f5 rgb(90,160,245)
```
#5a93f5
```
#5a93f5 rgb(90,147,245)
```
#5a86f5
```
#5a86f5 rgb(90,134,245)
```

Similar Colors

Text with hexadecimal color #5aadf5

This text has a font color of #5aadf5.

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

#5aadf5 background color

This paragraph has a background color of #5aadf5.

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

#5aadf5 border color

This element has a border color of #5aadf5.

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

CSS codes

.text {color:#5aadf5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010b14
```
#010b14 rgb(1,11,20)
```
#021626
```
#021626 rgb(2,22,38)
```
#032039
```
#032039 rgb(3,32,57)
```
#052b4b
```
#052b4b rgb(5,43,75)
```
#06355e
```
#06355e rgb(6,53,94)
```
#073f70
```
#073f70 rgb(7,63,112)
```
#084a83
```
#084a83 rgb(8,74,131)
```
#095495
```
#095495 rgb(9,84,149)
```
#0a5fa8
```
#0a5fa8 rgb(10,95,168)
```
#0b69ba
```
#0b69ba rgb(11,105,186)
```
#0c73cd
```
#0c73cd rgb(12,115,205)
```
#0e7edf
```
#0e7edf rgb(14,126,223)
```

Shade Color Variation

#1088f1
```
#1088f1 rgb(16,136,241)
```
#2391f2
```
#2391f2 rgb(35,145,242)
```
#359bf3
```
#359bf3 rgb(53,155,243)
```
#48a4f4
```
#48a4f4 rgb(72,164,244)
```
#5aadf5
```
#5aadf5 rgb(90,173,245)
```
#6cb6f6
```
#6cb6f6 rgb(108,182,246)
```
#7fbff7
```
#7fbff7 rgb(127,191,247)
```
#91c9f8
```
#91c9f8 rgb(145,201,248)
```
#a4d2f9
```
#a4d2f9 rgb(164,210,249)
```
#b6dbfb
```
#b6dbfb rgb(182,219,251)
```
#c9e4fc
```
#c9e4fc rgb(201,228,252)
```
#dbedfd
```
#dbedfd rgb(219,237,253)
```
#eef7fe
```
#eef7fe rgb(238,247,254)
```

Tint Color Variation

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

#a4a8ab
```
#a4a8ab rgb(164,168,171)
```
#9da8b2
```
#9da8b2 rgb(157,168,178)
```
#97a9b8
```
#97a9b8 rgb(151,169,184)
```
#90a9bf
```
#90a9bf rgb(144,169,191)
```
#89aac6
```
#89aac6 rgb(137,170,198)
```
#82aacd
```
#82aacd rgb(130,170,205)
```
#7cabd3
```
#7cabd3 rgb(124,171,211)
```
#75abda
```
#75abda rgb(117,171,218)
```
#6eace1
```
#6eace1 rgb(110,172,225)
```
#67ace8
```
#67ace8 rgb(103,172,232)
```
#61adee
```
#61adee rgb(97,173,238)
```
#5aadf5
```
#5aadf5 rgb(90,173,245)
```
#53adfc
```
#53adfc rgb(83,173,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8f9fae Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a9ef Protanopia 1% of men
#85aaf8 Deuteranopia 1% of men
#42bac8 Tritanopia 0.001% of the population

Trichromacy

#7eaaf1 Protanomaly 1% of men, 0.01% of women
#75abf6 Deuteranomaly 6% of men, 0.4% of women
#4bb5d8 Tritanomaly 0.01% of the population

#5aadf5 hex color

#5aadf5 Color Information

#5aadf5 Color Conversion

Color Schemes with #5aadf5

Alternatives to #5aadf5

#5aadf5 Preview

Shades and Tints of #5aadf5

Tones of #5aadf5

Color Blindness Simulator