#5aa4ff hex color

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

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

● #5aa4ff color description : Light blue.

The hexadecimal color #5aa4ff has RGB values of R:90, G:164, B:255 and CMYK values of C:0.65, M:0.36, Y:0, K:0. Its decimal value is 5940479.

Hex triplet	5aa4ff	`#5aa4ff`
RGB Decimal	90, 164, 255	`rgb(90,164,255)`
RGB Percent	35.3, 64.3, 100	`rgb(35.3%,64.3%,100%)`
CMYK	65, 36, 0, 0
HSL	213.1°, 100, 67.6	`hsl(213.1,100%,67.6%)`
HSV (or HSB)	213.1°, 64.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.476, 4.71, -51.991
XYZ	35.538, 35.942, 99.667
xyY	0.208, 0.21, 35.942
CIE-LCH	66.476, 52.203, 275.176
CIE-LUV	66.476, -30.362, -84.762
Hunter-Lab	59.952, 0.894, -56.601
Binary	01011010, 10100100, 11111111

#5aa4ff
```
#5aa4ff rgb(90,164,255)
```
#ffb55a
```
#ffb55a rgb(255,181,90)
```

Complementary Color

#5af7ff
```
#5af7ff rgb(90,247,255)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```
#625aff
```
#625aff rgb(98,90,255)
```

Analogous Color

#f7ff5a
```
#f7ff5a rgb(247,255,90)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```
#ff625a
```
#ff625a rgb(255,98,90)
```

Split Complementary Color

#a4ff5a
```
#a4ff5a rgb(164,255,90)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```
#ff5aa4
```
#ff5aa4 rgb(255,90,164)
```

Triadic Color

#5affb5
```
#5affb5 rgb(90,255,181)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```
#ff5aa4
```
#ff5aa4 rgb(255,90,164)
```
#ffb55a
```
#ffb55a rgb(255,181,90)
```

Tetradic Color

#0e7aff
```
#0e7aff rgb(14,122,255)
```
#2788ff
```
#2788ff rgb(39,136,255)
```
#4196ff
```
#4196ff rgb(65,150,255)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```
#74b2ff
```
#74b2ff rgb(116,178,255)
```
#8dc0ff
```
#8dc0ff rgb(141,192,255)
```
#a7ceff
```
#a7ceff rgb(167,206,255)
```

Monochromatic Color

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

#5acdff
```
#5acdff rgb(90,205,255)
```
#5ac0ff
```
#5ac0ff rgb(90,192,255)
```
#5ab2ff
```
#5ab2ff rgb(90,178,255)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```
#5a96ff
```
#5a96ff rgb(90,150,255)
```
#5a89ff
```
#5a89ff rgb(90,137,255)
```
#5a7bff
```
#5a7bff rgb(90,123,255)
```

Similar Colors

Text with hexadecimal color #5aa4ff

This text has a font color of #5aa4ff.

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

#5aa4ff background color

This paragraph has a background color of #5aa4ff.

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

#5aa4ff border color

This element has a border color of #5aa4ff.

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

CSS codes

.text {color:#5aa4ff;}

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

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

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)
```
#00285a
```
#00285a rgb(0,40,90)
```
#00316e
```
#00316e rgb(0,49,110)
```
#003a81
```
#003a81 rgb(0,58,129)
```
#004395
```
#004395 rgb(0,67,149)
```
#004ca8
```
#004ca8 rgb(0,76,168)
```
#0054bc
```
#0054bc rgb(0,84,188)
```
#005dd0
```
#005dd0 rgb(0,93,208)
```
#0066e3
```
#0066e3 rgb(0,102,227)
```
#006ff7
```
#006ff7 rgb(0,111,247)
```

Shade Color Variation

#0c79ff
```
#0c79ff rgb(12,121,255)
```
#1f84ff
```
#1f84ff rgb(31,132,255)
```
#338eff
```
#338eff rgb(51,142,255)
```
#4699ff
```
#4699ff rgb(70,153,255)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```
#6eafff
```
#6eafff rgb(110,175,255)
```
#81baff
```
#81baff rgb(129,186,255)
```
#95c4ff
```
#95c4ff rgb(149,196,255)
```
#a8cfff
```
#a8cfff rgb(168,207,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 #5aa4ff 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)
```
#8da9cc
```
#8da9cc rgb(141,169,204)
```
#86a9d3
```
#86a9d3 rgb(134,169,211)
```
#80a8d9
```
#80a8d9 rgb(128,168,217)
```
#7aa7df
```
#7aa7df rgb(122,167,223)
```
#73a7e6
```
#73a7e6 rgb(115,167,230)
```
#6da6ec
```
#6da6ec rgb(109,166,236)
```
#67a5f2
```
#67a5f2 rgb(103,165,242)
```
#60a5f9
```
#60a5f9 rgb(96,165,249)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8c9aad Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a3fb Protanopia 1% of men
#6ea6ff Deuteranopia 1% of men
#30b5c3 Tritanopia 0.001% of the population

Trichromacy

#74a3fc Protanomaly 1% of men, 0.01% of women
#66a5ff Deuteranomaly 6% of men, 0.4% of women
#3fafd8 Tritanomaly 0.01% of the population

#5aa4ff hex color

#5aa4ff Color Information

#5aa4ff Color Conversion

Color Schemes with #5aa4ff

Alternatives to #5aa4ff

#5aa4ff Preview

Shades and Tints of #5aa4ff

Tones of #5aa4ff

Color Blindness Simulator