#86abde hex color

In a RGB color space, hex #86abde is composed of 52.5% red, 67.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 23% magenta, 0% yellow and 12.9% black. It has a hue angle of 214.8 degrees, a saturation of 57.1% and a lightness of 69.8%. #86abde color hex could be obtained by blending #ffffff with #0d57bd. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 67
- B 87
RGB color chart
- C 40
- M 23
- Y 0
- K 13
CMYK color chart

● #86abde color description : Very soft blue.

The hexadecimal color #86abde has RGB values of R:134, G:171, B:222 and CMYK values of C:0.4, M:0.23, Y:0, K:0.13. Its decimal value is 8825822.

Hex triplet	86abde	`#86abde`
RGB Decimal	134, 171, 222	`rgb(134,171,222)`
RGB Percent	52.5, 67.1, 87.1	`rgb(52.5%,67.1%,87.1%)`
CMYK	40, 23, 0, 13
HSL	214.8°, 57.1, 69.8	`hsl(214.8,57.1%,69.8%)`
HSV (or HSB)	214.8°, 39.6, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.088, 0.21, -29.723
XYZ	37.576, 39.467, 74.741
xyY	0.248, 0.26, 39.467
CIE-LCH	69.088, 29.724, 270.405
CIE-LUV	69.088, -19.577, -46.985
Hunter-Lab	62.822, -3.172, -26.563
Binary	10000110, 10101011, 11011110

#86abde
```
#86abde rgb(134,171,222)
```
#deb986
```
#deb986 rgb(222,185,134)
```

Complementary Color

#86d7de
```
#86d7de rgb(134,215,222)
```
#86abde
```
#86abde rgb(134,171,222)
```
#8d86de
```
#8d86de rgb(141,134,222)
```

Analogous Color

#d7de86
```
#d7de86 rgb(215,222,134)
```
#86abde
```
#86abde rgb(134,171,222)
```
#de8d86
```
#de8d86 rgb(222,141,134)
```

Split Complementary Color

#abde86
```
#abde86 rgb(171,222,134)
```
#86abde
```
#86abde rgb(134,171,222)
```
#de86ab
```
#de86ab rgb(222,134,171)
```

Triadic Color

#86deb9
```
#86deb9 rgb(134,222,185)
```
#86abde
```
#86abde rgb(134,171,222)
```
#de86ab
```
#de86ab rgb(222,134,171)
```
#deb986
```
#deb986 rgb(222,185,134)
```

Tetradic Color

#4a81ce
```
#4a81ce rgb(74,129,206)
```
#5e8fd3
```
#5e8fd3 rgb(94,143,211)
```
#729dd9
```
#729dd9 rgb(114,157,217)
```
#86abde
```
#86abde rgb(134,171,222)
```
#9ab9e3
```
#9ab9e3 rgb(154,185,227)
```
#aec7e9
```
#aec7e9 rgb(174,199,233)
```
#c2d5ee
```
#c2d5ee rgb(194,213,238)
```

Monochromatic Color

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

#86c1de
```
#86c1de rgb(134,193,222)
```
#86bade
```
#86bade rgb(134,186,222)
```
#86b2de
```
#86b2de rgb(134,178,222)
```
#86abde
```
#86abde rgb(134,171,222)
```
#86a4de
```
#86a4de rgb(134,164,222)
```
#869cde
```
#869cde rgb(134,156,222)
```
#8695de
```
#8695de rgb(134,149,222)
```

Similar Colors

Text with hexadecimal color #86abde

This text has a font color of #86abde.

<span style="color:#86abde;">Text here</span>

#86abde background color

This paragraph has a background color of #86abde.

<p style="background-color:#86abde;">Content here</p>

#86abde border color

This element has a border color of #86abde.

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

CSS codes

.text {color:#86abde;}

.background {background-color:#86abde;}

.border {border:1px solid #86abde;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050a12
```
#050a12 rgb(5,10,18)
```
#091321
```
#091321 rgb(9,19,33)
```
#0d1c31
```
#0d1c31 rgb(13,28,49)
```
#112540
```
#112540 rgb(17,37,64)
```
#162e4f
```
#162e4f rgb(22,46,79)
```
#1a375f
```
#1a375f rgb(26,55,95)
```
#1e406e
```
#1e406e rgb(30,64,110)
```
#22497e
```
#22497e rgb(34,73,126)
```
#26528d
```
#26528d rgb(38,82,141)
```
#2b5a9c
```
#2b5a9c rgb(43,90,156)
```
#2f63ac
```
#2f63ac rgb(47,99,172)
```
#336cbb
```
#336cbb rgb(51,108,187)
```

Shade Color Variation

#3976c9
```
#3976c9 rgb(57,118,201)
```
#4880cd
```
#4880cd rgb(72,128,205)
```
#588bd1
```
#588bd1 rgb(88,139,209)
```
#6796d6
```
#6796d6 rgb(103,150,214)
```
#77a0da
```
#77a0da rgb(119,160,218)
```
#86abde
```
#86abde rgb(134,171,222)
```
#95b6e2
```
#95b6e2 rgb(149,182,226)
```
#a5c0e6
```
#a5c0e6 rgb(165,192,230)
```
#b4cbeb
```
#b4cbeb rgb(180,203,235)
```
#c4d6ef
```
#c4d6ef rgb(196,214,239)
```
#d3e0f3
```
#d3e0f3 rgb(211,224,243)
```
#e2ebf7
```
#e2ebf7 rgb(226,235,247)
```
#f2f6fb
```
#f2f6fb rgb(242,246,251)
```

Tint Color Variation

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

#afb2b5
```
#afb2b5 rgb(175,178,181)
```
#aab1ba
```
#aab1ba rgb(170,177,186)
```
#a4b0c0
```
#a4b0c0 rgb(164,176,192)
```
#9eafc6
```
#9eafc6 rgb(158,175,198)
```
#98aecc
```
#98aecc rgb(152,174,204)
```
#92add2
```
#92add2 rgb(146,173,210)
```
#8cacd8
```
#8cacd8 rgb(140,172,216)
```
#86abde
```
#86abde rgb(134,171,222)
```
#80aae4
```
#80aae4 rgb(128,170,228)
```
#7aa9ea
```
#7aa9ea rgb(122,169,234)
```
#74a8f0
```
#74a8f0 rgb(116,168,240)
```
#6ea7f6
```
#6ea7f6 rgb(110,167,246)
```
#68a6fc
```
#68a6fc rgb(104,166,252)
```

Tone Color Variation

Below, you can see how #86abde 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

#a6a6a6 Achromatopsia 0.005% of the population
#a0a7b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eabdc Protanopia 1% of men
#9eaae1 Deuteranopia 1% of men
#82b5c2 Tritanopia 0.001% of the population

Trichromacy

#95abdd Protanomaly 1% of men, 0.01% of women
#95aae0 Deuteranomaly 6% of men, 0.4% of women
#83b1cc Tritanomaly 0.01% of the population

#86abde hex color

#86abde Color Information

#86abde Color Conversion

Color Schemes with #86abde

Alternatives to #86abde

#86abde Preview

Shades and Tints of #86abde

Tones of #86abde

Color Blindness Simulator