#5aa0ff hex color

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

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

● #5aa0ff color description : Light blue.

The hexadecimal color #5aa0ff has RGB values of R:90, G:160, B:255 and CMYK values of C:0.65, M:0.37, Y:0, K:0. Its decimal value is 5939455.

Hex triplet	5aa0ff	`#5aa0ff`
RGB Decimal	90, 160, 255	`rgb(90,160,255)`
RGB Percent	35.3, 62.7, 100	`rgb(35.3%,62.7%,100%)`
CMYK	65, 37, 0, 0
HSL	214.5°, 100, 67.6	`hsl(214.5,100%,67.6%)`
HSV (or HSB)	214.5°, 64.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.383, 7.021, -53.721
XYZ	34.833, 34.533, 99.432
xyY	0.206, 0.205, 34.533
CIE-LCH	65.383, 54.178, 277.446
CIE-LUV	65.383, -29.015, -87.698
Hunter-Lab	58.765, 2.969, -59.186
Binary	01011010, 10100000, 11111111

#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#ffb95a
```
#ffb95a rgb(255,185,90)
```

Complementary Color

#5af3ff
```
#5af3ff rgb(90,243,255)
```
#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#675aff
```
#675aff rgb(103,90,255)
```

Analogous Color

#f3ff5a
```
#f3ff5a rgb(243,255,90)
```
#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#ff675a
```
#ff675a rgb(255,103,90)
```

Split Complementary Color

#a0ff5a
```
#a0ff5a rgb(160,255,90)
```
#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```

Triadic Color

#5affb9
```
#5affb9 rgb(90,255,185)
```
#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```
#ffb95a
```
#ffb95a rgb(255,185,90)
```

Tetradic Color

#0e74ff
```
#0e74ff rgb(14,116,255)
```
#2783ff
```
#2783ff rgb(39,131,255)
```
#4191ff
```
#4191ff rgb(65,145,255)
```
#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#74afff
```
#74afff rgb(116,175,255)
```
#8dbdff
```
#8dbdff rgb(141,189,255)
```
#a7ccff
```
#a7ccff rgb(167,204,255)
```

Monochromatic Color

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

#5ac9ff
```
#5ac9ff rgb(90,201,255)
```
#5abcff
```
#5abcff rgb(90,188,255)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#5a92ff
```
#5a92ff rgb(90,146,255)
```
#5a85ff
```
#5a85ff rgb(90,133,255)
```
#5a77ff
```
#5a77ff rgb(90,119,255)
```

Similar Colors

Text with hexadecimal color #5aa0ff

This text has a font color of #5aa0ff.

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

#5aa0ff background color

This paragraph has a background color of #5aa0ff.

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

#5aa0ff border color

This element has a border color of #5aa0ff.

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

CSS codes

.text {color:#5aa0ff;}

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

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

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 #f7faff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#000d1f
```
#000d1f rgb(0,13,31)
```
#001633
```
#001633 rgb(0,22,51)
```
#001e46
```
#001e46 rgb(0,30,70)
```
#00265a
```
#00265a rgb(0,38,90)
```
#002f6e
```
#002f6e rgb(0,47,110)
```
#003781
```
#003781 rgb(0,55,129)
```
#003f95
```
#003f95 rgb(0,63,149)
```
#0047a8
```
#0047a8 rgb(0,71,168)
```
#0050bc
```
#0050bc rgb(0,80,188)
```
#0058d0
```
#0058d0 rgb(0,88,208)
```
#0060e3
```
#0060e3 rgb(0,96,227)
```
#0069f7
```
#0069f7 rgb(0,105,247)
```

Shade Color Variation

#0c73ff
```
#0c73ff rgb(12,115,255)
```
#1f7eff
```
#1f7eff rgb(31,126,255)
```
#3389ff
```
#3389ff rgb(51,137,255)
```
#4695ff
```
#4695ff rgb(70,149,255)
```
#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#6eabff
```
#6eabff rgb(110,171,255)
```
#81b7ff
```
#81b7ff rgb(129,183,255)
```
#95c2ff
```
#95c2ff rgb(149,194,255)
```
#a8cdff
```
#a8cdff rgb(168,205,255)
```
#bcd8ff
```
#bcd8ff rgb(188,216,255)
```
#d0e4ff
```
#d0e4ff rgb(208,228,255)
```
#e3efff
```
#e3efff rgb(227,239,255)
```
#f7faff
```
#f7faff rgb(247,250,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 #5aa0ff is the most saturated one.

#a6acb3
```
#a6acb3 rgb(166,172,179)
```
#a0abb9
```
#a0abb9 rgb(160,171,185)
```
#99aac0
```
#99aac0 rgb(153,170,192)
```
#93a9c6
```
#93a9c6 rgb(147,169,198)
```
#8da8cc
```
#8da8cc rgb(141,168,204)
```
#86a7d3
```
#86a7d3 rgb(134,167,211)
```
#80a6d9
```
#80a6d9 rgb(128,166,217)
```
#7aa5df
```
#7aa5df rgb(122,165,223)
```
#73a4e6
```
#73a4e6 rgb(115,164,230)
```
#6da3ec
```
#6da3ec rgb(109,163,236)
```
#67a2f2
```
#67a2f2 rgb(103,162,242)
```
#60a1f9
```
#60a1f9 rgb(96,161,249)
```
#5aa0ff
```
#5aa0ff rgb(90,160,255)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8a98ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#7da0fb Protanopia 1% of men
#65a4ff Deuteranopia 1% of men
#2cb2c0 Tritanopia 0.001% of the population

Trichromacy

#70a0fc Protanomaly 1% of men, 0.01% of women
#61a2ff Deuteranomaly 6% of men, 0.4% of women
#3dacd6 Tritanomaly 0.01% of the population

#5aa0ff hex color

#5aa0ff Color Information

#5aa0ff Color Conversion

Color Schemes with #5aa0ff

Alternatives to #5aa0ff

#5aa0ff Preview

Shades and Tints of #5aa0ff

Tones of #5aa0ff

Color Blindness Simulator