#5aadf4 hex color

In a RGB color space, hex #5aadf4 is composed of 35.3% red, 67.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 29.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 207.7 degrees, a saturation of 87.5% and a lightness of 65.5%. #5aadf4 color hex could be obtained by blending #b4ffff with #005be9. 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

● #5aadf4 color description : Soft blue.

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

Hex triplet	5aadf4	`#5aadf4`
RGB Decimal	90, 173, 244	`rgb(90,173,244)`
RGB Percent	35.3, 67.8, 95.7	`rgb(35.3%,67.8%,95.7%)`
CMYK	63, 29, 0, 4
HSL	207.7°, 87.5, 65.5	`hsl(207.7,87.5%,65.5%)`
HSV (or HSB)	207.7°, 63.1, 95.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.453, -3.991, -42.892
XYZ	35.485, 38.59, 91.162
xyY	0.215, 0.234, 38.59
CIE-LCH	68.453, 43.077, 264.683
CIE-LUV	68.453, -33.784, -68.648
Hunter-Lab	62.121, -6.747, -43.523
Binary	01011010, 10101101, 11110100

#5aadf4
```
#5aadf4 rgb(90,173,244)
```
#f4a15a
```
#f4a15a rgb(244,161,90)
```

Complementary Color

#5af4ee
```
#5af4ee rgb(90,244,238)
```
#5aadf4
```
#5aadf4 rgb(90,173,244)
```
#5a60f4
```
#5a60f4 rgb(90,96,244)
```

Analogous Color

#f4ee5a
```
#f4ee5a rgb(244,238,90)
```
#5aadf4
```
#5aadf4 rgb(90,173,244)
```
#f45a60
```
#f45a60 rgb(244,90,96)
```

Split Complementary Color

#adf45a
```
#adf45a rgb(173,244,90)
```
#5aadf4
```
#5aadf4 rgb(90,173,244)
```
#f45aad
```
#f45aad rgb(244,90,173)
```

Triadic Color

#5af4a1
```
#5af4a1 rgb(90,244,161)
```
#5aadf4
```
#5aadf4 rgb(90,173,244)
```
#f45aad
```
#f45aad rgb(244,90,173)
```
#f4a15a
```
#f4a15a rgb(244,161,90)
```

Tetradic Color

#1289ef
```
#1289ef rgb(18,137,239)
```
#2a95f1
```
#2a95f1 rgb(42,149,241)
```
#42a1f2
```
#42a1f2 rgb(66,161,242)
```
#5aadf4
```
#5aadf4 rgb(90,173,244)
```
#72b9f6
```
#72b9f6 rgb(114,185,246)
```
#8ac5f7
```
#8ac5f7 rgb(138,197,247)
```
#a2d1f9
```
#a2d1f9 rgb(162,209,249)
```

Monochromatic Color

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

#5ad4f4
```
#5ad4f4 rgb(90,212,244)
```
#5ac7f4
```
#5ac7f4 rgb(90,199,244)
```
#5abaf4
```
#5abaf4 rgb(90,186,244)
```
#5aadf4
```
#5aadf4 rgb(90,173,244)
```
#5aa0f4
```
#5aa0f4 rgb(90,160,244)
```
#5a93f4
```
#5a93f4 rgb(90,147,244)
```
#5a87f4
```
#5a87f4 rgb(90,135,244)
```

Similar Colors

Text with hexadecimal color #5aadf4

This text has a font color of #5aadf4.

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

#5aadf4 background color

This paragraph has a background color of #5aadf4.

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

#5aadf4 border color

This element has a border color of #5aadf4.

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

CSS codes

.text {color:#5aadf4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010b13
```
#010b13 rgb(1,11,19)
```
#021525
```
#021525 rgb(2,21,37)
```
#042038
```
#042038 rgb(4,32,56)
```
#052a4a
```
#052a4a rgb(5,42,74)
```
#06355c
```
#06355c rgb(6,53,92)
```
#073f6f
```
#073f6f rgb(7,63,111)
```
#094a81
```
#094a81 rgb(9,74,129)
```
#0a5494
```
#0a5494 rgb(10,84,148)
```
#0b5fa6
```
#0b5fa6 rgb(11,95,166)
```
#0c69b8
```
#0c69b8 rgb(12,105,184)
```
#0e74cb
```
#0e74cb rgb(14,116,203)
```
#0f7edd
```
#0f7edd rgb(15,126,221)
```

Shade Color Variation

#1088ef
```
#1088ef rgb(16,136,239)
```
#2392f0
```
#2392f0 rgb(35,146,240)
```
#359bf2
```
#359bf2 rgb(53,155,242)
```
#48a4f3
```
#48a4f3 rgb(72,164,243)
```
#5aadf4
```
#5aadf4 rgb(90,173,244)
```
#6cb6f5
```
#6cb6f5 rgb(108,182,245)
```
#7fbff6
```
#7fbff6 rgb(127,191,246)
```
#91c8f8
```
#91c8f8 rgb(145,200,248)
```
#a4d2f9
```
#a4d2f9 rgb(164,210,249)
```
#b6dbfa
```
#b6dbfa rgb(182,219,250)
```
#c8e4fb
```
#c8e4fb rgb(200,228,251)
```
#dbedfd
```
#dbedfd rgb(219,237,253)
```
#edf6fe
```
#edf6fe rgb(237,246,254)
```

Tint Color Variation

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

#a4a7aa
```
#a4a7aa rgb(164,167,170)
```
#9ea8b0
```
#9ea8b0 rgb(158,168,176)
```
#97a8b7
```
#97a8b7 rgb(151,168,183)
```
#90a9be
```
#90a9be rgb(144,169,190)
```
#89a9c5
```
#89a9c5 rgb(137,169,197)
```
#83aacb
```
#83aacb rgb(131,170,203)
```
#7caad2
```
#7caad2 rgb(124,170,210)
```
#75abd9
```
#75abd9 rgb(117,171,217)
```
#6eabe0
```
#6eabe0 rgb(110,171,224)
```
#68ace6
```
#68ace6 rgb(104,172,230)
```
#61aced
```
#61aced rgb(97,172,237)
```
#5aadf4
```
#5aadf4 rgb(90,173,244)
```
#53aefb
```
#53aefb rgb(83,174,251)
```

Tone Color Variation

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

#93a9ee Protanopia 1% of men
#86aaf7 Deuteranopia 1% of men
#43bac7 Tritanopia 0.001% of the population

Trichromacy

#7eaaf0 Protanomaly 1% of men, 0.01% of women
#76abf6 Deuteranomaly 6% of men, 0.4% of women
#4bb5d7 Tritanomaly 0.01% of the population

#5aadf4 hex color

#5aadf4 Color Information

#5aadf4 Color Conversion

Color Schemes with #5aadf4

Alternatives to #5aadf4

#5aadf4 Preview

Shades and Tints of #5aadf4

Tones of #5aadf4

Color Blindness Simulator