#85afde hex color

In a RGB color space, hex #85afde is composed of 52.2% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 211.7 degrees, a saturation of 57.4% and a lightness of 69.6%. #85afde color hex could be obtained by blending #ffffff with #0b5fbd. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 69
- B 87
RGB color chart
- C 40
- M 21
- Y 0
- K 13
CMYK color chart

● #85afde color description : Very soft blue.

The hexadecimal color #85afde has RGB values of R:133, G:175, B:222 and CMYK values of C:0.4, M:0.21, Y:0, K:0.13. Its decimal value is 8761310.

Hex triplet	85afde	`#85afde`
RGB Decimal	133, 175, 222	`rgb(133,175,222)`
RGB Percent	52.2, 68.6, 87.1	`rgb(52.2%,68.6%,87.1%)`
CMYK	40, 21, 0, 13
HSL	211.7°, 57.4, 69.6	`hsl(211.7,57.4%,69.6%)`
HSV (or HSB)	211.7°, 40.1, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.119, -2.265, -28.14
XYZ	38.185, 40.919, 74.989
xyY	0.248, 0.266, 40.919
CIE-LCH	70.119, 28.231, 265.399
CIE-LUV	70.119, -21.573, -44.106
Hunter-Lab	63.968, -5.391, -24.728
Binary	10000101, 10101111, 11011110

#85afde
```
#85afde rgb(133,175,222)
```
#deb485
```
#deb485 rgb(222,180,133)
```

Complementary Color

#85dcde
```
#85dcde rgb(133,220,222)
```
#85afde
```
#85afde rgb(133,175,222)
```
#8885de
```
#8885de rgb(136,133,222)
```

Analogous Color

#dcde85
```
#dcde85 rgb(220,222,133)
```
#85afde
```
#85afde rgb(133,175,222)
```
#de8885
```
#de8885 rgb(222,136,133)
```

Split Complementary Color

#afde85
```
#afde85 rgb(175,222,133)
```
#85afde
```
#85afde rgb(133,175,222)
```
#de85af
```
#de85af rgb(222,133,175)
```

Triadic Color

#85deb4
```
#85deb4 rgb(133,222,180)
```
#85afde
```
#85afde rgb(133,175,222)
```
#de85af
```
#de85af rgb(222,133,175)
```
#deb485
```
#deb485 rgb(222,180,133)
```

Tetradic Color

#4988ce
```
#4988ce rgb(73,136,206)
```
#5d95d3
```
#5d95d3 rgb(93,149,211)
```
#71a2d9
```
#71a2d9 rgb(113,162,217)
```
#85afde
```
#85afde rgb(133,175,222)
```
#99bce3
```
#99bce3 rgb(153,188,227)
```
#adc9e9
```
#adc9e9 rgb(173,201,233)
```
#c1d6ee
```
#c1d6ee rgb(193,214,238)
```

Monochromatic Color

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

#85c5de
```
#85c5de rgb(133,197,222)
```
#85bede
```
#85bede rgb(133,190,222)
```
#85b6de
```
#85b6de rgb(133,182,222)
```
#85afde
```
#85afde rgb(133,175,222)
```
#85a8de
```
#85a8de rgb(133,168,222)
```
#85a0de
```
#85a0de rgb(133,160,222)
```
#8599de
```
#8599de rgb(133,153,222)
```

Similar Colors

Text with hexadecimal color #85afde

This text has a font color of #85afde.

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

#85afde background color

This paragraph has a background color of #85afde.

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

#85afde border color

This element has a border color of #85afde.

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

CSS codes

.text {color:#85afde;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#050a11
```
#050a11 rgb(5,10,17)
```
#091420
```
#091420 rgb(9,20,32)
```
#0d1d30
```
#0d1d30 rgb(13,29,48)
```
#11273f
```
#11273f rgb(17,39,63)
```
#15304f
```
#15304f rgb(21,48,79)
```
#193a5e
```
#193a5e rgb(25,58,94)
```
#1e436e
```
#1e436e rgb(30,67,110)
```
#224d7d
```
#224d7d rgb(34,77,125)
```
#26568c
```
#26568c rgb(38,86,140)
```
#2a609c
```
#2a609c rgb(42,96,156)
```
#2e69ab
```
#2e69ab rgb(46,105,171)
```
#3373bb
```
#3373bb rgb(51,115,187)
```

Shade Color Variation

#387cc9
```
#387cc9 rgb(56,124,201)
```
#4787cd
```
#4787cd rgb(71,135,205)
```
#5791d1
```
#5791d1 rgb(87,145,209)
```
#669bd6
```
#669bd6 rgb(102,155,214)
```
#76a5da
```
#76a5da rgb(118,165,218)
```
#85afde
```
#85afde rgb(133,175,222)
```
#94b9e2
```
#94b9e2 rgb(148,185,226)
```
#a4c3e6
```
#a4c3e6 rgb(164,195,230)
```
#b3cdeb
```
#b3cdeb rgb(179,205,235)
```
#c3d7ef
```
#c3d7ef rgb(195,215,239)
```
#d2e2f3
```
#d2e2f3 rgb(210,226,243)
```
#e2ecf7
```
#e2ecf7 rgb(226,236,247)
```
#f1f6fb
```
#f1f6fb rgb(241,246,251)
```

Tint Color Variation

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

#afb1b4
```
#afb1b4 rgb(175,177,180)
```
#a9b1ba
```
#a9b1ba rgb(169,177,186)
```
#a3b1c0
```
#a3b1c0 rgb(163,177,192)
```
#9db0c6
```
#9db0c6 rgb(157,176,198)
```
#97b0cc
```
#97b0cc rgb(151,176,204)
```
#91b0d2
```
#91b0d2 rgb(145,176,210)
```
#8bafd8
```
#8bafd8 rgb(139,175,216)
```
#85afde
```
#85afde rgb(133,175,222)
```
#7fafe4
```
#7fafe4 rgb(127,175,228)
```
#79aeea
```
#79aeea rgb(121,174,234)
```
#73aef0
```
#73aef0 rgb(115,174,240)
```
#6daef6
```
#6daef6 rgb(109,174,246)
```
#67adfc
```
#67adfc rgb(103,173,252)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a1a9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3addc Protanopia 1% of men
#a2ade1 Deuteranopia 1% of men
#82b8c5 Tritanopia 0.001% of the population

Trichromacy

#98aedc Protanomaly 1% of men, 0.01% of women
#98ade0 Deuteranomaly 6% of men, 0.4% of women
#83b4ce Tritanomaly 0.01% of the population

#85afde hex color

#85afde Color Information

#85afde Color Conversion

Color Schemes with #85afde

Alternatives to #85afde

#85afde Preview

Shades and Tints of #85afde

Tones of #85afde

Color Blindness Simulator