#5a90aa hex color

In a RGB color space, hex #5a90aa is composed of 35.3% red, 56.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 15.3% magenta, 0% yellow and 33.3% black. It has a hue angle of 199.5 degrees, a saturation of 32% and a lightness of 51%. #5a90aa color hex could be obtained by blending #b4ffff with #002155. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 56
- B 67
RGB color chart
- C 47
- M 15
- Y 0
- K 33
CMYK color chart

● #5a90aa color description : Dark moderate blue.

The hexadecimal color #5a90aa has RGB values of R:90, G:144, B:170 and CMYK values of C:0.47, M:0.15, Y:0, K:0.33. Its decimal value is 5935274.

Hex triplet	5a90aa	`#5a90aa`
RGB Decimal	90, 144, 170	`rgb(90,144,170)`
RGB Percent	35.3, 56.5, 66.7	`rgb(35.3%,56.5%,66.7%)`
CMYK	47, 15, 0, 33
HSL	199.5°, 32, 51	`hsl(199.5,32%,51%)`
HSV (or HSB)	199.5°, 47.1, 66.7
Web Safe	669999	`#669999`

CIE-LAB	57.096, -10.685, -19.245
XYZ	21.444, 25.021, 41.728
xyY	0.243, 0.284, 25.021
CIE-LCH	57.096, 22.012, 240.961
CIE-LUV	57.096, -24.868, -27.382
Hunter-Lab	50.021, -11.016, -14.445
Binary	01011010, 10010000, 10101010

#5a90aa
```
#5a90aa rgb(90,144,170)
```
#aa745a
```
#aa745a rgb(170,116,90)
```

Complementary Color

#5aaa9c
```
#5aaa9c rgb(90,170,156)
```
#5a90aa
```
#5a90aa rgb(90,144,170)
```
#5a68aa
```
#5a68aa rgb(90,104,170)
```

Analogous Color

#aa9c5a
```
#aa9c5a rgb(170,156,90)
```
#5a90aa
```
#5a90aa rgb(90,144,170)
```
#aa5a68
```
#aa5a68 rgb(170,90,104)
```

Split Complementary Color

#90aa5a
```
#90aa5a rgb(144,170,90)
```
#5a90aa
```
#5a90aa rgb(90,144,170)
```
#aa5a90
```
#aa5a90 rgb(170,90,144)
```

Triadic Color

#5aaa74
```
#5aaa74 rgb(90,170,116)
```
#5a90aa
```
#5a90aa rgb(90,144,170)
```
#aa5a90
```
#aa5a90 rgb(170,90,144)
```
#aa745a
```
#aa745a rgb(170,116,90)
```

Tetradic Color

#3e6679
```
#3e6679 rgb(62,102,121)
```
#47748a
```
#47748a rgb(71,116,138)
```
#50829b
```
#50829b rgb(80,130,155)
```
#5a90aa
```
#5a90aa rgb(90,144,170)
```
#6b9bb3
```
#6b9bb3 rgb(107,155,179)
```
#7ca7bb
```
#7ca7bb rgb(124,167,187)
```
#8cb2c4
```
#8cb2c4 rgb(140,178,196)
```

Monochromatic Color

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

#5aa4aa
```
#5aa4aa rgb(90,164,170)
```
#5a9daa
```
#5a9daa rgb(90,157,170)
```
#5a97aa
```
#5a97aa rgb(90,151,170)
```
#5a90aa
```
#5a90aa rgb(90,144,170)
```
#5a89aa
```
#5a89aa rgb(90,137,170)
```
#5a83aa
```
#5a83aa rgb(90,131,170)
```
#5a7caa
```
#5a7caa rgb(90,124,170)
```

Similar Colors

Text with hexadecimal color #5a90aa

This text has a font color of #5a90aa.

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

#5a90aa background color

This paragraph has a background color of #5a90aa.

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

#5a90aa border color

This element has a border color of #5a90aa.

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

CSS codes

.text {color:#5a90aa;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080e10
```
#080e10 rgb(8,14,16)
```
#0f191d
```
#0f191d rgb(15,25,29)
```
#16232a
```
#16232a rgb(22,35,42)
```
#1c2e37
```
#1c2e37 rgb(28,46,55)
```
#233944
```
#233944 rgb(35,57,68)
```
#2a4451
```
#2a4451 rgb(42,68,81)
```
#304f5e
```
#304f5e rgb(48,79,94)
```
#375a6b
```
#375a6b rgb(55,90,107)
```
#3e6578
```
#3e6578 rgb(62,101,120)
```
#447085
```
#447085 rgb(68,112,133)
```
#4b7b92
```
#4b7b92 rgb(75,123,146)
```
#52869f
```
#52869f rgb(82,134,159)
```

Shade Color Variation

#5a90aa
```
#5a90aa rgb(90,144,170)
```
#6799b1
```
#6799b1 rgb(103,153,177)
```
#74a1b7
```
#74a1b7 rgb(116,161,183)
```
#81aabe
```
#81aabe rgb(129,170,190)
```
#8eb3c5
```
#8eb3c5 rgb(142,179,197)
```
#9bbccb
```
#9bbccb rgb(155,188,203)
```
#a8c4d2
```
#a8c4d2 rgb(168,196,210)
```
#b5cdd9
```
#b5cdd9 rgb(181,205,217)
```
#c2d6df
```
#c2d6df rgb(194,214,223)
```
#cfdee6
```
#cfdee6 rgb(207,222,230)
```
#dbe7ed
```
#dbe7ed rgb(219,231,237)
```
#e8f0f3
```
#e8f0f3 rgb(232,240,243)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

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

#808384
```
#808384 rgb(128,131,132)
```
#77868d
```
#77868d rgb(119,134,141)
```
#6d8997
```
#6d8997 rgb(109,137,151)
```
#648da0
```
#648da0 rgb(100,141,160)
```
#5a90aa
```
#5a90aa rgb(90,144,170)
```
#5093b4
```
#5093b4 rgb(80,147,180)
```
#4797bd
```
#4797bd rgb(71,151,189)
```
#3d9ac7
```
#3d9ac7 rgb(61,154,199)
```
#349dd0
```
#349dd0 rgb(52,157,208)
```
#2aa1da
```
#2aa1da rgb(42,161,218)
```
#20a4e4
```
#20a4e4 rgb(32,164,228)
```
#17a8ed
```
#17a8ed rgb(23,168,237)
```
#0dabf7
```
#0dabf7 rgb(13,171,247)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7b868b Atypical Achromatopsia 0.001% of the population

Dichromacy

#888da9 Protanopia 1% of men
#898cb1 Deuteranopia 1% of men
#5e97a2 Tritanopia 0.001% of the population

Trichromacy

#778ea9 Protanomaly 1% of men, 0.01% of women
#788dae Deuteranomaly 6% of men, 0.4% of women
#5c94a5 Tritanomaly 0.01% of the population

#5a90aa hex color

#5a90aa Color Information

#5a90aa Color Conversion

Color Schemes with #5a90aa

Alternatives to #5a90aa

#5a90aa Preview

Shades and Tints of #5a90aa

Tones of #5a90aa

Color Blindness Simulator