#5aaeff hex color

In a RGB color space, hex #5aaeff is composed of 35.3% red, 68.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 31.8% magenta, 0% yellow and 0% black. It has a hue angle of 209.5 degrees, a saturation of 100% and a lightness of 67.6%. #5aaeff color hex could be obtained by blending #b4ffff with #005dff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 68
- B 100
RGB color chart
- C 65
- M 32
- Y 0
- K 0
CMYK color chart

● #5aaeff color description : Light blue.

The hexadecimal color #5aaeff has RGB values of R:90, G:174, B:255 and CMYK values of C:0.65, M:0.32, Y:0, K:0. Its decimal value is 5943039.

Hex triplet	5aaeff	`#5aaeff`
RGB Decimal	90, 174, 255	`rgb(90,174,255)`
RGB Percent	35.3, 68.2, 100	`rgb(35.3%,68.2%,100%)`
CMYK	65, 32, 0, 0
HSL	209.5°, 100, 67.6	`hsl(209.5,100%,67.6%)`
HSV (or HSB)	209.5°, 64.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.229, -0.978, -47.646
XYZ	37.398, 39.663, 100.287
xyY	0.211, 0.224, 39.663
CIE-LCH	69.229, 47.656, 268.824
CIE-LUV	69.229, -33.785, -77.235
Hunter-Lab	62.979, -4.215, -50.328
Binary	01011010, 10101110, 11111111

#5aaeff
```
#5aaeff rgb(90,174,255)
```
#ffab5a
```
#ffab5a rgb(255,171,90)
```

Complementary Color

#5afffe
```
#5afffe rgb(90,255,254)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#5a5cff
```
#5a5cff rgb(90,92,255)
```

Analogous Color

#fffe5a
```
#fffe5a rgb(255,254,90)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#ff5a5c
```
#ff5a5c rgb(255,90,92)
```

Split Complementary Color

#aeff5a
```
#aeff5a rgb(174,255,90)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#ff5aae
```
#ff5aae rgb(255,90,174)
```

Triadic Color

#5affab
```
#5affab rgb(90,255,171)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#ff5aae
```
#ff5aae rgb(255,90,174)
```
#ffab5a
```
#ffab5a rgb(255,171,90)
```

Tetradic Color

#0e88ff
```
#0e88ff rgb(14,136,255)
```
#2795ff
```
#2795ff rgb(39,149,255)
```
#41a1ff
```
#41a1ff rgb(65,161,255)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#74bbff
```
#74bbff rgb(116,187,255)
```
#8dc7ff
```
#8dc7ff rgb(141,199,255)
```
#a7d4ff
```
#a7d4ff rgb(167,212,255)
```

Monochromatic Color

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

#5ad7ff
```
#5ad7ff rgb(90,215,255)
```
#5acaff
```
#5acaff rgb(90,202,255)
```
#5abcff
```
#5abcff rgb(90,188,255)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#5a93ff
```
#5a93ff rgb(90,147,255)
```
#5a85ff
```
#5a85ff rgb(90,133,255)
```

Similar Colors

Text with hexadecimal color #5aaeff

This text has a font color of #5aaeff.

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

#5aaeff background color

This paragraph has a background color of #5aaeff.

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

#5aaeff border color

This element has a border color of #5aaeff.

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

CSS codes

.text {color:#5aaeff;}

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

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

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, #00060c is the darkest color, while #f7fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#00101f
```
#00101f rgb(0,16,31)
```
#001a33
```
#001a33 rgb(0,26,51)
```
#002446
```
#002446 rgb(0,36,70)
```
#002e5a
```
#002e5a rgb(0,46,90)
```
#00386e
```
#00386e rgb(0,56,110)
```
#004281
```
#004281 rgb(0,66,129)
```
#004c95
```
#004c95 rgb(0,76,149)
```
#0056a8
```
#0056a8 rgb(0,86,168)
```
#0060bc
```
#0060bc rgb(0,96,188)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```
#0074e3
```
#0074e3 rgb(0,116,227)
```
#007ef7
```
#007ef7 rgb(0,126,247)
```

Shade Color Variation

#0c87ff
```
#0c87ff rgb(12,135,255)
```
#1f91ff
```
#1f91ff rgb(31,145,255)
```
#339bff
```
#339bff rgb(51,155,255)
```
#46a4ff
```
#46a4ff rgb(70,164,255)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#6eb8ff
```
#6eb8ff rgb(110,184,255)
```
#81c1ff
```
#81c1ff rgb(129,193,255)
```
#95cbff
```
#95cbff rgb(149,203,255)
```
#a8d5ff
```
#a8d5ff rgb(168,213,255)
```
#bcdeff
```
#bcdeff rgb(188,222,255)
```
#d0e8ff
```
#d0e8ff rgb(208,232,255)
```
#e3f1ff
```
#e3f1ff rgb(227,241,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#a6adb3
```
#a6adb3 rgb(166,173,179)
```
#a0adb9
```
#a0adb9 rgb(160,173,185)
```
#99adc0
```
#99adc0 rgb(153,173,192)
```
#93adc6
```
#93adc6 rgb(147,173,198)
```
#8dadcc
```
#8dadcc rgb(141,173,204)
```
#86add3
```
#86add3 rgb(134,173,211)
```
#80add9
```
#80add9 rgb(128,173,217)
```
#7aaddf
```
#7aaddf rgb(122,173,223)
```
#73aee6
```
#73aee6 rgb(115,174,230)
```
#6daeec
```
#6daeec rgb(109,174,236)
```
#67aef2
```
#67aef2 rgb(103,174,242)
```
#60aef9
```
#60aef9 rgb(96,174,249)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#90a1b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90aaf9 Protanopia 1% of men
#81adff Deuteranopia 1% of men
#39bdca Tritanopia 0.001% of the population

Trichromacy

#7cacfb Protanomaly 1% of men, 0.01% of women
#72adff Deuteranomaly 6% of men, 0.4% of women
#45b7dd Tritanomaly 0.01% of the population

#5aaeff hex color

#5aaeff Color Information

#5aaeff Color Conversion

Color Schemes with #5aaeff

Alternatives to #5aaeff

#5aaeff Preview

Shades and Tints of #5aaeff

Tones of #5aaeff

Color Blindness Simulator