#5aa5ff hex color

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

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

● #5aa5ff color description : Light blue.

The hexadecimal color #5aa5ff has RGB values of R:90, G:165, B:255 and CMYK values of C:0.65, M:0.35, Y:0, K:0. Its decimal value is 5940735.

Hex triplet	5aa5ff	`#5aa5ff`
RGB Decimal	90, 165, 255	`rgb(90,165,255)`
RGB Percent	35.3, 64.7, 100	`rgb(35.3%,64.7%,100%)`
CMYK	65, 35, 0, 0
HSL	212.7°, 100, 67.6	`hsl(212.7,100%,67.6%)`
HSV (or HSB)	212.7°, 64.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.75, 4.135, -51.557
XYZ	35.717, 36.301, 99.727
xyY	0.208, 0.211, 36.301
CIE-LCH	66.75, 51.723, 274.585
CIE-LUV	66.75, -30.702, -84.021
Hunter-Lab	60.251, 0.378, -55.961
Binary	01011010, 10100101, 11111111

#5aa5ff
```
#5aa5ff rgb(90,165,255)
```
#ffb45a
```
#ffb45a rgb(255,180,90)
```

Complementary Color

#5af8ff
```
#5af8ff rgb(90,248,255)
```
#5aa5ff
```
#5aa5ff rgb(90,165,255)
```
#615aff
```
#615aff rgb(97,90,255)
```

Analogous Color

#f8ff5a
```
#f8ff5a rgb(248,255,90)
```
#5aa5ff
```
#5aa5ff rgb(90,165,255)
```
#ff615a
```
#ff615a rgb(255,97,90)
```

Split Complementary Color

#a5ff5a
```
#a5ff5a rgb(165,255,90)
```
#5aa5ff
```
#5aa5ff rgb(90,165,255)
```
#ff5aa5
```
#ff5aa5 rgb(255,90,165)
```

Triadic Color

#5affb4
```
#5affb4 rgb(90,255,180)
```
#5aa5ff
```
#5aa5ff rgb(90,165,255)
```
#ff5aa5
```
#ff5aa5 rgb(255,90,165)
```
#ffb45a
```
#ffb45a rgb(255,180,90)
```

Tetradic Color

#0e7bff
```
#0e7bff rgb(14,123,255)
```
#2789ff
```
#2789ff rgb(39,137,255)
```
#4197ff
```
#4197ff rgb(65,151,255)
```
#5aa5ff
```
#5aa5ff rgb(90,165,255)
```
#74b3ff
```
#74b3ff rgb(116,179,255)
```
#8dc1ff
```
#8dc1ff rgb(141,193,255)
```
#a7cfff
```
#a7cfff rgb(167,207,255)
```

Monochromatic Color

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

#5aceff
```
#5aceff rgb(90,206,255)
```
#5ac1ff
```
#5ac1ff rgb(90,193,255)
```
#5ab3ff
```
#5ab3ff rgb(90,179,255)
```
#5aa5ff
```
#5aa5ff rgb(90,165,255)
```
#5a97ff
```
#5a97ff rgb(90,151,255)
```
#5a8aff
```
#5a8aff rgb(90,138,255)
```
#5a7cff
```
#5a7cff rgb(90,124,255)
```

Similar Colors

Text with hexadecimal color #5aa5ff

This text has a font color of #5aa5ff.

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

#5aa5ff background color

This paragraph has a background color of #5aa5ff.

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

#5aa5ff border color

This element has a border color of #5aa5ff.

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

CSS codes

.text {color:#5aa5ff;}

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

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

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

#00050c
```
#00050c rgb(0,5,12)
```
#000e1f
```
#000e1f rgb(0,14,31)
```
#001733
```
#001733 rgb(0,23,51)
```
#002046
```
#002046 rgb(0,32,70)
```
#00295a
```
#00295a rgb(0,41,90)
```
#00326e
```
#00326e rgb(0,50,110)
```
#003b81
```
#003b81 rgb(0,59,129)
```
#004495
```
#004495 rgb(0,68,149)
```
#004da8
```
#004da8 rgb(0,77,168)
```
#0055bc
```
#0055bc rgb(0,85,188)
```
#005ed0
```
#005ed0 rgb(0,94,208)
```
#0067e3
```
#0067e3 rgb(0,103,227)
```
#0070f7
```
#0070f7 rgb(0,112,247)
```

Shade Color Variation

#0c7aff
```
#0c7aff rgb(12,122,255)
```
#1f85ff
```
#1f85ff rgb(31,133,255)
```
#3390ff
```
#3390ff rgb(51,144,255)
```
#469aff
```
#469aff rgb(70,154,255)
```
#5aa5ff
```
#5aa5ff rgb(90,165,255)
```
#6eb0ff
```
#6eb0ff rgb(110,176,255)
```
#81baff
```
#81baff rgb(129,186,255)
```
#95c5ff
```
#95c5ff rgb(149,197,255)
```
#a8d0ff
```
#a8d0ff rgb(168,208,255)
```
#bcdaff
```
#bcdaff rgb(188,218,255)
```
#d0e5ff
```
#d0e5ff rgb(208,229,255)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#a6acb3
```
#a6acb3 rgb(166,172,179)
```
#a0abb9
```
#a0abb9 rgb(160,171,185)
```
#99abc0
```
#99abc0 rgb(153,171,192)
```
#93aac6
```
#93aac6 rgb(147,170,198)
```
#8daacc
```
#8daacc rgb(141,170,204)
```
#86a9d3
```
#86a9d3 rgb(134,169,211)
```
#80a8d9
```
#80a8d9 rgb(128,168,217)
```
#7aa8df
```
#7aa8df rgb(122,168,223)
```
#73a7e6
```
#73a7e6 rgb(115,167,230)
```
#6da7ec
```
#6da7ec rgb(109,167,236)
```
#67a6f2
```
#67a6f2 rgb(103,166,242)
```
#60a6f9
```
#60a6f9 rgb(96,166,249)
```
#5aa5ff
```
#5aa5ff rgb(90,165,255)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8c9bad Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a4fa Protanopia 1% of men
#70a7ff Deuteranopia 1% of men
#31b6c3 Tritanopia 0.001% of the population

Trichromacy

#75a4fc Protanomaly 1% of men, 0.01% of women
#68a6ff Deuteranomaly 6% of men, 0.4% of women
#40b0d9 Tritanomaly 0.01% of the population

#5aa5ff hex color

#5aa5ff Color Information

#5aa5ff Color Conversion

Color Schemes with #5aa5ff

Alternatives to #5aa5ff

#5aa5ff Preview

Shades and Tints of #5aa5ff

Tones of #5aa5ff

Color Blindness Simulator