#5a85ac hex color

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

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

● #5a85ac color description : Dark moderate blue.

The hexadecimal color #5a85ac has RGB values of R:90, G:133, B:172 and CMYK values of C:0.48, M:0.23, Y:0, K:0.33. Its decimal value is 5932460.

Hex triplet	5a85ac	`#5a85ac`
RGB Decimal	90, 133, 172	`rgb(90,133,172)`
RGB Percent	35.3, 52.2, 67.5	`rgb(35.3%,52.2%,67.5%)`
CMYK	48, 23, 0, 33
HSL	208.5°, 33.1, 51.4	`hsl(208.5,33.1%,51.4%)`
HSV (or HSB)	208.5°, 47.7, 67.5
Web Safe	669999	`#669999`

CIE-LAB	53.949, -3.867, -25.222
XYZ	20.049, 21.926, 42.203
xyY	0.238, 0.26, 21.926
CIE-LCH	53.949, 25.516, 261.283
CIE-LUV	53.949, -20.483, -37.433
Hunter-Lab	46.825, -5.519, -20.659
Binary	01011010, 10000101, 10101100

#5a85ac
```
#5a85ac rgb(90,133,172)
```
#ac815a
```
#ac815a rgb(172,129,90)
```

Complementary Color

#5aacaa
```
#5aacaa rgb(90,172,170)
```
#5a85ac
```
#5a85ac rgb(90,133,172)
```
#5a5cac
```
#5a5cac rgb(90,92,172)
```

Analogous Color

#acaa5a
```
#acaa5a rgb(172,170,90)
```
#5a85ac
```
#5a85ac rgb(90,133,172)
```
#ac5a5c
```
#ac5a5c rgb(172,90,92)
```

Split Complementary Color

#85ac5a
```
#85ac5a rgb(133,172,90)
```
#5a85ac
```
#5a85ac rgb(90,133,172)
```
#ac5a85
```
#ac5a85 rgb(172,90,133)
```

Triadic Color

#5aac81
```
#5aac81 rgb(90,172,129)
```
#5a85ac
```
#5a85ac rgb(90,133,172)
```
#ac5a85
```
#ac5a85 rgb(172,90,133)
```
#ac815a
```
#ac815a rgb(172,129,90)
```

Tetradic Color

#3e5e7b
```
#3e5e7b rgb(62,94,123)
```
#476b8c
```
#476b8c rgb(71,107,140)
```
#4f789d
```
#4f789d rgb(79,120,157)
```
#5a85ac
```
#5a85ac rgb(90,133,172)
```
#6b92b5
```
#6b92b5 rgb(107,146,181)
```
#7c9ebd
```
#7c9ebd rgb(124,158,189)
```
#8dabc6
```
#8dabc6 rgb(141,171,198)
```

Monochromatic Color

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

#5a9aac
```
#5a9aac rgb(90,154,172)
```
#5a93ac
```
#5a93ac rgb(90,147,172)
```
#5a8cac
```
#5a8cac rgb(90,140,172)
```
#5a85ac
```
#5a85ac rgb(90,133,172)
```
#5a7eac
```
#5a7eac rgb(90,126,172)
```
#5a77ac
```
#5a77ac rgb(90,119,172)
```
#5a71ac
```
#5a71ac rgb(90,113,172)
```

Similar Colors

Text with hexadecimal color #5a85ac

This text has a font color of #5a85ac.

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

#5a85ac background color

This paragraph has a background color of #5a85ac.

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

#5a85ac border color

This element has a border color of #5a85ac.

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

CSS codes

.text {color:#5a85ac;}

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

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

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)
```
#090e12
```
#090e12 rgb(9,14,18)
```
#0f171f
```
#0f171f rgb(15,23,31)
```
#16212c
```
#16212c rgb(22,33,44)
```
#1d2b39
```
#1d2b39 rgb(29,43,57)
```
#233546
```
#233546 rgb(35,53,70)
```
#2a3f53
```
#2a3f53 rgb(42,63,83)
```
#304960
```
#304960 rgb(48,73,96)
```
#37536d
```
#37536d rgb(55,83,109)
```
#3d5d7a
```
#3d5d7a rgb(61,93,122)
```
#446787
```
#446787 rgb(68,103,135)
```
#4b7194
```
#4b7194 rgb(75,113,148)
```
#517ba1
```
#517ba1 rgb(81,123,161)
```

Shade Color Variation

#5a85ac
```
#5a85ac rgb(90,133,172)
```
#678fb3
```
#678fb3 rgb(103,143,179)
```
#7498b9
```
#7498b9 rgb(116,152,185)
```
#81a2c0
```
#81a2c0 rgb(129,162,192)
```
#8eacc6
```
#8eacc6 rgb(142,172,198)
```
#9bb5cd
```
#9bb5cd rgb(155,181,205)
```
#a8bfd3
```
#a8bfd3 rgb(168,191,211)
```
#b5c9da
```
#b5c9da rgb(181,201,218)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#cfdce7
```
#cfdce7 rgb(207,220,231)
```
#dde5ee
```
#dde5ee rgb(221,229,238)
```
#eaeff4
```
#eaeff4 rgb(234,239,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#808386
```
#808386 rgb(128,131,134)
```
#77848f
```
#77848f rgb(119,132,143)
```
#6d8499
```
#6d8499 rgb(109,132,153)
```
#6485a2
```
#6485a2 rgb(100,133,162)
```
#5a85ac
```
#5a85ac rgb(90,133,172)
```
#5085b6
```
#5085b6 rgb(80,133,182)
```
#4786bf
```
#4786bf rgb(71,134,191)
```
#3d86c9
```
#3d86c9 rgb(61,134,201)
```
#3487d2
```
#3487d2 rgb(52,135,210)
```
#2a87dc
```
#2a87dc rgb(42,135,220)
```
#2188e5
```
#2188e5 rgb(33,136,229)
```
#1788ef
```
#1788ef rgb(23,136,239)
```
#0e89f8
```
#0e89f8 rgb(14,137,248)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c86ac Protanopia 1% of men
#7a85b2 Deuteranopia 1% of men
#5a8f9a Tritanopia 0.001% of the population

Trichromacy

#6f85ac Protanomaly 1% of men, 0.01% of women
#6e85b0 Deuteranomaly 6% of men, 0.4% of women
#5a8ba0 Tritanomaly 0.01% of the population

#5a85ac hex color

#5a85ac Color Information

#5a85ac Color Conversion

Color Schemes with #5a85ac

Alternatives to #5a85ac

#5a85ac Preview

Shades and Tints of #5a85ac

Tones of #5a85ac

Color Blindness Simulator