#5a90ac hex color

In a RGB color space, hex #5a90ac is composed of 35.3% red, 56.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 16.3% magenta, 0% yellow and 32.5% black. It has a hue angle of 200.5 degrees, a saturation of 33.1% and a lightness of 51.4%. #5a90ac color hex could be obtained by blending #b4ffff with #002159. Closest websafe color is: #669999.

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

● #5a90ac color description : Dark moderate blue.

The hexadecimal color #5a90ac has RGB values of R:90, G:144, B:172 and CMYK values of C:0.48, M:0.16, Y:0, K:0.33. Its decimal value is 5935276.

Hex triplet	5a90ac	`#5a90ac`
RGB Decimal	90, 144, 172	`rgb(90,144,172)`
RGB Percent	35.3, 56.5, 67.5	`rgb(35.3%,56.5%,67.5%)`
CMYK	48, 16, 0, 33
HSL	200.5°, 33.1, 51.4	`hsl(200.5,33.1%,51.4%)`
HSV (or HSB)	200.5°, 47.7, 67.5
Web Safe	669999	`#669999`

CIE-LAB	57.17, -10.105, -20.273
XYZ	21.634, 25.098, 42.732
xyY	0.242, 0.281, 25.098
CIE-LCH	57.17, 22.652, 243.507
CIE-LUV	57.17, -24.832, -29.096
Hunter-Lab	50.097, -10.586, -15.505
Binary	01011010, 10010000, 10101100

#5a90ac
```
#5a90ac rgb(90,144,172)
```
#ac765a
```
#ac765a rgb(172,118,90)
```

Complementary Color

#5aac9f
```
#5aac9f rgb(90,172,159)
```
#5a90ac
```
#5a90ac rgb(90,144,172)
```
#5a67ac
```
#5a67ac rgb(90,103,172)
```

Analogous Color

#ac9f5a
```
#ac9f5a rgb(172,159,90)
```
#5a90ac
```
#5a90ac rgb(90,144,172)
```
#ac5a67
```
#ac5a67 rgb(172,90,103)
```

Split Complementary Color

#90ac5a
```
#90ac5a rgb(144,172,90)
```
#5a90ac
```
#5a90ac rgb(90,144,172)
```
#ac5a90
```
#ac5a90 rgb(172,90,144)
```

Triadic Color

#5aac76
```
#5aac76 rgb(90,172,118)
```
#5a90ac
```
#5a90ac rgb(90,144,172)
```
#ac5a90
```
#ac5a90 rgb(172,90,144)
```
#ac765a
```
#ac765a rgb(172,118,90)
```

Tetradic Color

#3e667b
```
#3e667b rgb(62,102,123)
```
#47758c
```
#47758c rgb(71,117,140)
```
#4f839d
```
#4f839d rgb(79,131,157)
```
#5a90ac
```
#5a90ac rgb(90,144,172)
```
#6b9bb5
```
#6b9bb5 rgb(107,155,181)
```
#7ca7bd
```
#7ca7bd rgb(124,167,189)
```
#8db2c6
```
#8db2c6 rgb(141,178,198)
```

Monochromatic Color

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

#5aa5ac
```
#5aa5ac rgb(90,165,172)
```
#5a9eac
```
#5a9eac rgb(90,158,172)
```
#5a97ac
```
#5a97ac rgb(90,151,172)
```
#5a90ac
```
#5a90ac rgb(90,144,172)
```
#5a89ac
```
#5a89ac rgb(90,137,172)
```
#5a82ac
```
#5a82ac rgb(90,130,172)
```
#5a7cac
```
#5a7cac rgb(90,124,172)
```

Similar Colors

Text with hexadecimal color #5a90ac

This text has a font color of #5a90ac.

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

#5a90ac background color

This paragraph has a background color of #5a90ac.

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

#5a90ac border color

This element has a border color of #5a90ac.

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

CSS codes

.text {color:#5a90ac;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#090f12
```
#090f12 rgb(9,15,18)
```
#0f1a1f
```
#0f1a1f rgb(15,26,31)
```
#16242c
```
#16242c rgb(22,36,44)
```
#1d2f39
```
#1d2f39 rgb(29,47,57)
```
#233a46
```
#233a46 rgb(35,58,70)
```
#2a4553
```
#2a4553 rgb(42,69,83)
```
#305060
```
#305060 rgb(48,80,96)
```
#375b6d
```
#375b6d rgb(55,91,109)
```
#3d657a
```
#3d657a rgb(61,101,122)
```
#447087
```
#447087 rgb(68,112,135)
```
#4b7b94
```
#4b7b94 rgb(75,123,148)
```
#5186a1
```
#5186a1 rgb(81,134,161)
```

Shade Color Variation

#5a90ac
```
#5a90ac rgb(90,144,172)
```
#6799b3
```
#6799b3 rgb(103,153,179)
```
#74a2b9
```
#74a2b9 rgb(116,162,185)
```
#81aac0
```
#81aac0 rgb(129,170,192)
```
#8eb3c6
```
#8eb3c6 rgb(142,179,198)
```
#9bbccd
```
#9bbccd rgb(155,188,205)
```
#a8c5d3
```
#a8c5d3 rgb(168,197,211)
```
#b5cdda
```
#b5cdda rgb(181,205,218)
```
#c2d6e1
```
#c2d6e1 rgb(194,214,225)
```
#cfdfe7
```
#cfdfe7 rgb(207,223,231)
```
#dde8ee
```
#dde8ee rgb(221,232,238)
```
#eaf1f4
```
#eaf1f4 rgb(234,241,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#808486
```
#808486 rgb(128,132,134)
```
#77878f
```
#77878f rgb(119,135,143)
```
#6d8a99
```
#6d8a99 rgb(109,138,153)
```
#648da2
```
#648da2 rgb(100,141,162)
```
#5a90ac
```
#5a90ac rgb(90,144,172)
```
#5093b6
```
#5093b6 rgb(80,147,182)
```
#4796bf
```
#4796bf rgb(71,150,191)
```
#3d99c9
```
#3d99c9 rgb(61,153,201)
```
#349cd2
```
#349cd2 rgb(52,156,210)
```
#2a9fdc
```
#2a9fdc rgb(42,159,220)
```
#21a2e5
```
#21a2e5 rgb(33,162,229)
```
#17a5ef
```
#17a5ef rgb(23,165,239)
```
#0ea8f8
```
#0ea8f8 rgb(14,168,248)
```

Tone Color Variation

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

#888eab Protanopia 1% of men
#888cb3 Deuteranopia 1% of men
#5d98a3 Tritanopia 0.001% of the population

Trichromacy

#778eab Protanomaly 1% of men, 0.01% of women
#778eb0 Deuteranomaly 6% of men, 0.4% of women
#5c95a6 Tritanomaly 0.01% of the population

#5a90ac hex color

#5a90ac Color Information

#5a90ac Color Conversion

Color Schemes with #5a90ac

Alternatives to #5a90ac

#5a90ac Preview

Shades and Tints of #5a90ac

Tones of #5a90ac

Color Blindness Simulator