#5aaef7 hex color

In a RGB color space, hex #5aaef7 is composed of 35.3% red, 68.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 29.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 207.9 degrees, a saturation of 90.8% and a lightness of 66.1%. #5aaef7 color hex could be obtained by blending #b4ffff with #005def. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 68
- B 97
RGB color chart
- C 64
- M 30
- Y 0
- K 3
CMYK color chart

● #5aaef7 color description : Soft blue.

The hexadecimal color #5aaef7 has RGB values of R:90, G:174, B:247 and CMYK values of C:0.64, M:0.3, Y:0, K:0.03. Its decimal value is 5943031.

Hex triplet	5aaef7	`#5aaef7`
RGB Decimal	90, 174, 247	`rgb(90,174,247)`
RGB Percent	35.3, 68.2, 96.9	`rgb(35.3%,68.2%,96.9%)`
CMYK	64, 30, 0, 3
HSL	207.9°, 90.8, 66.1	`hsl(207.9,90.8%,66.1%)`
HSV (or HSB)	207.9°, 63.6, 96.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.866, -3.58, -43.876
XYZ	36.137, 39.159, 93.645
xyY	0.214, 0.232, 39.159
CIE-LCH	68.866, 44.022, 265.335
CIE-LUV	68.866, -34.039, -70.436
Hunter-Lab	62.577, -6.429, -44.922
Binary	01011010, 10101110, 11110111

#5aaef7
```
#5aaef7 rgb(90,174,247)
```
#f7a35a
```
#f7a35a rgb(247,163,90)
```

Complementary Color

#5af7f2
```
#5af7f2 rgb(90,247,242)
```
#5aaef7
```
#5aaef7 rgb(90,174,247)
```
#5a60f7
```
#5a60f7 rgb(90,96,247)
```

Analogous Color

#f7f25a
```
#f7f25a rgb(247,242,90)
```
#5aaef7
```
#5aaef7 rgb(90,174,247)
```
#f75a60
```
#f75a60 rgb(247,90,96)
```

Split Complementary Color

#aef75a
```
#aef75a rgb(174,247,90)
```
#5aaef7
```
#5aaef7 rgb(90,174,247)
```
#f75aae
```
#f75aae rgb(247,90,174)
```

Triadic Color

#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#5aaef7
```
#5aaef7 rgb(90,174,247)
```
#f75aae
```
#f75aae rgb(247,90,174)
```
#f7a35a
```
#f7a35a rgb(247,163,90)
```

Tetradic Color

#118af3
```
#118af3 rgb(17,138,243)
```
#2996f5
```
#2996f5 rgb(41,150,245)
```
#42a2f6
```
#42a2f6 rgb(66,162,246)
```
#5aaef7
```
#5aaef7 rgb(90,174,247)
```
#72baf8
```
#72baf8 rgb(114,186,248)
```
#8bc6f9
```
#8bc6f9 rgb(139,198,249)
```
#a3d2fb
```
#a3d2fb rgb(163,210,251)
```

Monochromatic Color

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

#5ad5f7
```
#5ad5f7 rgb(90,213,247)
```
#5ac8f7
```
#5ac8f7 rgb(90,200,247)
```
#5abbf7
```
#5abbf7 rgb(90,187,247)
```
#5aaef7
```
#5aaef7 rgb(90,174,247)
```
#5aa1f7
```
#5aa1f7 rgb(90,161,247)
```
#5a94f7
```
#5a94f7 rgb(90,148,247)
```
#5a87f7
```
#5a87f7 rgb(90,135,247)
```

Similar Colors

Text with hexadecimal color #5aaef7

This text has a font color of #5aaef7.

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

#5aaef7 background color

This paragraph has a background color of #5aaef7.

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

#5aaef7 border color

This element has a border color of #5aaef7.

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

CSS codes

.text {color:#5aaef7;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010c16
```
#010c16 rgb(1,12,22)
```
#021729
```
#021729 rgb(2,23,41)
```
#03213b
```
#03213b rgb(3,33,59)
```
#042c4e
```
#042c4e rgb(4,44,78)
```
#053661
```
#053661 rgb(5,54,97)
```
#064074
```
#064074 rgb(6,64,116)
```
#074b86
```
#074b86 rgb(7,75,134)
```
#075599
```
#075599 rgb(7,85,153)
```
#0860ac
```
#0860ac rgb(8,96,172)
```
#096abe
```
#096abe rgb(9,106,190)
```
#0a75d1
```
#0a75d1 rgb(10,117,209)
```
#0b7fe4
```
#0b7fe4 rgb(11,127,228)
```

Shade Color Variation

#0f89f3
```
#0f89f3 rgb(15,137,243)
```
#2292f4
```
#2292f4 rgb(34,146,244)
```
#359cf5
```
#359cf5 rgb(53,156,245)
```
#47a5f6
```
#47a5f6 rgb(71,165,246)
```
#5aaef7
```
#5aaef7 rgb(90,174,247)
```
#6db7f8
```
#6db7f8 rgb(109,183,248)
```
#7fc0f9
```
#7fc0f9 rgb(127,192,249)
```
#92cafa
```
#92cafa rgb(146,202,250)
```
#a5d3fb
```
#a5d3fb rgb(165,211,251)
```
#b8dcfc
```
#b8dcfc rgb(184,220,252)
```
#cae5fc
```
#cae5fc rgb(202,229,252)
```
#ddeefd
```
#ddeefd rgb(221,238,253)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

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

#a3a9ae
```
#a3a9ae rgb(163,169,174)
```
#9da9b4
```
#9da9b4 rgb(157,169,180)
```
#96aabb
```
#96aabb rgb(150,170,187)
```
#8faac2
```
#8faac2 rgb(143,170,194)
```
#89abc8
```
#89abc8 rgb(137,171,200)
```
#82abcf
```
#82abcf rgb(130,171,207)
```
#7bacd6
```
#7bacd6 rgb(123,172,214)
```
#75acdc
```
#75acdc rgb(117,172,220)
```
#6eade3
```
#6eade3 rgb(110,173,227)
```
#67adea
```
#67adea rgb(103,173,234)
```
#61aef0
```
#61aef0 rgb(97,174,240)
```
#5aaef7
```
#5aaef7 rgb(90,174,247)
```
#53aefe
```
#53aefe rgb(83,174,254)
```

Tone Color Variation

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

#93aaf1 Protanopia 1% of men
#85abf9 Deuteranopia 1% of men
#41bbc9 Tritanopia 0.001% of the population

Trichromacy

#7eabf3 Protanomaly 1% of men, 0.01% of women
#75acf8 Deuteranomaly 6% of men, 0.4% of women
#4ab6d9 Tritanomaly 0.01% of the population

#5aaef7 hex color

#5aaef7 Color Information

#5aaef7 Color Conversion

Color Schemes with #5aaef7

Alternatives to #5aaef7

#5aaef7 Preview

Shades and Tints of #5aaef7

Tones of #5aaef7

Color Blindness Simulator