#85a2af hex color

In a RGB color space, hex #85a2af is composed of 52.2% red, 63.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 7.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 198.6 degrees, a saturation of 20.8% and a lightness of 60.4%. #85a2af color hex could be obtained by blending #ffffff with #0b455f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 64
- B 69
RGB color chart
- C 24
- M 7
- Y 0
- K 31
CMYK color chart

● #85a2af color description : Dark grayish blue.

The hexadecimal color #85a2af has RGB values of R:133, G:162, B:175 and CMYK values of C:0.24, M:0.07, Y:0, K:0.31. Its decimal value is 8757935.

Hex triplet	85a2af	`#85a2af`
RGB Decimal	133, 162, 175	`rgb(133,162,175)`
RGB Percent	52.2, 63.5, 68.6	`rgb(52.2%,63.5%,68.6%)`
CMYK	24, 7, 0, 31
HSL	198.6°, 20.8, 60.4	`hsl(198.6,20.8%,60.4%)`
HSV (or HSB)	198.6°, 24, 68.6
Web Safe	999999	`#999999`

CIE-LAB	64.9, -7.034, -10.047
XYZ	30.329, 33.922, 45.505
xyY	0.276, 0.309, 33.922
CIE-LCH	64.9, 12.265, 235.002
CIE-LUV	64.9, -15.429, -13.917
Hunter-Lab	58.242, -8.971, -5.554
Binary	10000101, 10100010, 10101111

#85a2af
```
#85a2af rgb(133,162,175)
```
#af9285
```
#af9285 rgb(175,146,133)
```

Complementary Color

#85afa7
```
#85afa7 rgb(133,175,167)
```
#85a2af
```
#85a2af rgb(133,162,175)
```
#858daf
```
#858daf rgb(133,141,175)
```

Analogous Color

#afa785
```
#afa785 rgb(175,167,133)
```
#85a2af
```
#85a2af rgb(133,162,175)
```
#af858d
```
#af858d rgb(175,133,141)
```

Split Complementary Color

#a2af85
```
#a2af85 rgb(162,175,133)
```
#85a2af
```
#85a2af rgb(133,162,175)
```
#af85a2
```
#af85a2 rgb(175,133,162)
```

Triadic Color

#85af92
```
#85af92 rgb(133,175,146)
```
#85a2af
```
#85a2af rgb(133,162,175)
```
#af85a2
```
#af85a2 rgb(175,133,162)
```
#af9285
```
#af9285 rgb(175,146,133)
```

Tetradic Color

#5c7d8c
```
#5c7d8c rgb(92,125,140)
```
#668b9b
```
#668b9b rgb(102,139,155)
```
#7696a5
```
#7696a5 rgb(118,150,165)
```
#85a2af
```
#85a2af rgb(133,162,175)
```
#94aeb9
```
#94aeb9 rgb(148,174,185)
```
#a4b9c3
```
#a4b9c3 rgb(164,185,195)
```
#b3c5cd
```
#b3c5cd rgb(179,197,205)
```

Monochromatic Color

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

#85adaf
```
#85adaf rgb(133,173,175)
```
#85a9af
```
#85a9af rgb(133,169,175)
```
#85a6af
```
#85a6af rgb(133,166,175)
```
#85a2af
```
#85a2af rgb(133,162,175)
```
#859faf
```
#859faf rgb(133,159,175)
```
#859baf
```
#859baf rgb(133,155,175)
```
#8598af
```
#8598af rgb(133,152,175)
```

Similar Colors

Text with hexadecimal color #85a2af

This text has a font color of #85a2af.

<span style="color:#85a2af;">Text here</span>

#85a2af background color

This paragraph has a background color of #85a2af.

<p style="background-color:#85a2af;">Content here</p>

#85a2af border color

This element has a border color of #85a2af.

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

CSS codes

.text {color:#85a2af;}

.background {background-color:#85a2af;}

.border {border:1px solid #85a2af;}

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

#050708
```
#050708 rgb(5,7,8)
```
#0d1214
```
#0d1214 rgb(13,18,20)
```
#151d20
```
#151d20 rgb(21,29,32)
```
#1d272c
```
#1d272c rgb(29,39,44)
```
#253238
```
#253238 rgb(37,50,56)
```
#2c3c44
```
#2c3c44 rgb(44,60,68)
```
#34474f
```
#34474f rgb(52,71,79)
```
#3c525b
```
#3c525b rgb(60,82,91)
```
#445c67
```
#445c67 rgb(68,92,103)
```
#4b6773
```
#4b6773 rgb(75,103,115)
```
#53717f
```
#53717f rgb(83,113,127)
```
#5b7c8b
```
#5b7c8b rgb(91,124,139)
```
#638696
```
#638696 rgb(99,134,150)
```

Shade Color Variation

#6d909f
```
#6d909f rgb(109,144,159)
```
#7999a7
```
#7999a7 rgb(121,153,167)
```
#85a2af
```
#85a2af rgb(133,162,175)
```
#91abb7
```
#91abb7 rgb(145,171,183)
```
#9db4bf
```
#9db4bf rgb(157,180,191)
```
#a9bdc6
```
#a9bdc6 rgb(169,189,198)
```
#b4c6ce
```
#b4c6ce rgb(180,198,206)
```
#c0cfd6
```
#c0cfd6 rgb(192,207,214)
```
#ccd8de
```
#ccd8de rgb(204,216,222)
```
#d8e1e5
```
#d8e1e5 rgb(216,225,229)
```
#e4eaed
```
#e4eaed rgb(228,234,237)
```
#f0f3f5
```
#f0f3f5 rgb(240,243,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959c9f is the less saturated color, while #37c0fd is the most saturated one.

#959c9f
```
#959c9f rgb(149,156,159)
```
#8d9fa7
```
#8d9fa7 rgb(141,159,167)
```
#85a2af
```
#85a2af rgb(133,162,175)
```
#7da5b7
```
#7da5b7 rgb(125,165,183)
```
#75a8bf
```
#75a8bf rgb(117,168,191)
```
#6eabc6
```
#6eabc6 rgb(110,171,198)
```
#66aece
```
#66aece rgb(102,174,206)
```
#5eb1d6
```
#5eb1d6 rgb(94,177,214)
```
#56b4de
```
#56b4de rgb(86,180,222)
```
#4fb7e5
```
#4fb7e5 rgb(79,183,229)
```
#47baed
```
#47baed rgb(71,186,237)
```
#3fbdf5
```
#3fbdf5 rgb(63,189,245)
```
#37c0fd
```
#37c0fd rgb(55,192,253)
```

Tone Color Variation

Below, you can see how #85a2af 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

#9b9b9b Achromatopsia 0.005% of the population
#979c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a1b0 Protanopia 1% of men
#a89eb5 Deuteranopia 1% of men
#8ba6b2 Tritanopia 0.001% of the population

Trichromacy

#96a1af Protanomaly 1% of men, 0.01% of women
#9b9fb3 Deuteranomaly 6% of men, 0.4% of women
#89a5b1 Tritanomaly 0.01% of the population

#85a2af hex color

#85a2af Color Information

#85a2af Color Conversion

Color Schemes with #85a2af

Alternatives to #85a2af

#85a2af Preview

Shades and Tints of #85a2af

Tones of #85a2af

Color Blindness Simulator