#86a2d3 hex color

In a RGB color space, hex #86a2d3 is composed of 52.5% red, 63.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 23.2% magenta, 0% yellow and 17.3% black. It has a hue angle of 218.2 degrees, a saturation of 46.7% and a lightness of 67.6%. #86a2d3 color hex could be obtained by blending #ffffff with #0d45a7. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 64
- B 83
RGB color chart
- C 36
- M 23
- Y 0
- K 17
CMYK color chart

● #86a2d3 color description : Slightly desaturated blue.

The hexadecimal color #86a2d3 has RGB values of R:134, G:162, B:211 and CMYK values of C:0.36, M:0.23, Y:0, K:0.17. Its decimal value is 8823507.

Hex triplet	86a2d3	`#86a2d3`
RGB Decimal	134, 162, 211	`rgb(134,162,211)`
RGB Percent	52.5, 63.5, 82.7	`rgb(52.5%,63.5%,82.7%)`
CMYK	36, 23, 0, 17
HSL	218.2°, 46.7, 67.6	`hsl(218.2,46.7%,67.6%)`
HSV (or HSB)	218.2°, 36.5, 82.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.222, 2.289, -28.079
XYZ	34.507, 35.611, 66.68
xyY	0.252, 0.26, 35.611
CIE-LCH	66.222, 28.172, 274.66
CIE-LUV	66.222, -15.738, -44.255
Hunter-Lab	59.675, -1.213, -24.477
Binary	10000110, 10100010, 11010011

#86a2d3
```
#86a2d3 rgb(134,162,211)
```
#d3b786
```
#d3b786 rgb(211,183,134)
```

Complementary Color

#86c9d3
```
#86c9d3 rgb(134,201,211)
```
#86a2d3
```
#86a2d3 rgb(134,162,211)
```
#9186d3
```
#9186d3 rgb(145,134,211)
```

Analogous Color

#c9d386
```
#c9d386 rgb(201,211,134)
```
#86a2d3
```
#86a2d3 rgb(134,162,211)
```
#d39186
```
#d39186 rgb(211,145,134)
```

Split Complementary Color

#a2d386
```
#a2d386 rgb(162,211,134)
```
#86a2d3
```
#86a2d3 rgb(134,162,211)
```
#d386a2
```
#d386a2 rgb(211,134,162)
```

Triadic Color

#86d3b7
```
#86d3b7 rgb(134,211,183)
```
#86a2d3
```
#86a2d3 rgb(134,162,211)
```
#d386a2
```
#d386a2 rgb(211,134,162)
```
#d3b786
```
#d3b786 rgb(211,183,134)
```

Tetradic Color

#4e77bf
```
#4e77bf rgb(78,119,191)
```
#6185c5
```
#6185c5 rgb(97,133,197)
```
#7394cc
```
#7394cc rgb(115,148,204)
```
#86a2d3
```
#86a2d3 rgb(134,162,211)
```
#99b0da
```
#99b0da rgb(153,176,218)
```
#abbfe1
```
#abbfe1 rgb(171,191,225)
```
#becde7
```
#becde7 rgb(190,205,231)
```

Monochromatic Color

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

#86b5d3
```
#86b5d3 rgb(134,181,211)
```
#86afd3
```
#86afd3 rgb(134,175,211)
```
#86a8d3
```
#86a8d3 rgb(134,168,211)
```
#86a2d3
```
#86a2d3 rgb(134,162,211)
```
#869cd3
```
#869cd3 rgb(134,156,211)
```
#8695d3
```
#8695d3 rgb(134,149,211)
```
#868fd3
```
#868fd3 rgb(134,143,211)
```

Similar Colors

Text with hexadecimal color #86a2d3

This text has a font color of #86a2d3.

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

#86a2d3 background color

This paragraph has a background color of #86a2d3.

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

#86a2d3 border color

This element has a border color of #86a2d3.

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

CSS codes

.text {color:#86a2d3;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#080e17
```
#080e17 rgb(8,14,23)
```
#0e1625
```
#0e1625 rgb(14,22,37)
```
#131f34
```
#131f34 rgb(19,31,52)
```
#182742
```
#182742 rgb(24,39,66)
```
#1d3050
```
#1d3050 rgb(29,48,80)
```
#22385f
```
#22385f rgb(34,56,95)
```
#28416d
```
#28416d rgb(40,65,109)
```
#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#32528a
```
#32528a rgb(50,82,138)
```
#375b98
```
#375b98 rgb(55,91,152)
```
#3d63a7
```
#3d63a7 rgb(61,99,167)
```
#426cb5
```
#426cb5 rgb(66,108,181)
```

Shade Color Variation

#4c76be
```
#4c76be rgb(76,118,190)
```
#5b81c3
```
#5b81c3 rgb(91,129,195)
```
#698cc9
```
#698cc9 rgb(105,140,201)
```
#7897ce
```
#7897ce rgb(120,151,206)
```
#86a2d3
```
#86a2d3 rgb(134,162,211)
```
#94add8
```
#94add8 rgb(148,173,216)
```
#a3b8dd
```
#a3b8dd rgb(163,184,221)
```
#b1c3e3
```
#b1c3e3 rgb(177,195,227)
```
#c0cee8
```
#c0cee8 rgb(192,206,232)
```
#ced9ed
```
#ced9ed rgb(206,217,237)
```
#dce4f2
```
#dce4f2 rgb(220,228,242)
```
#ebeff8
```
#ebeff8 rgb(235,239,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#acacad
```
#acacad rgb(172,172,173)
```
#a6abb3
```
#a6abb3 rgb(166,171,179)
```
#9fa9ba
```
#9fa9ba rgb(159,169,186)
```
#99a7c0
```
#99a7c0 rgb(153,167,192)
```
#93a5c6
```
#93a5c6 rgb(147,165,198)
```
#8ca4cd
```
#8ca4cd rgb(140,164,205)
```
#86a2d3
```
#86a2d3 rgb(134,162,211)
```
#80a0d9
```
#80a0d9 rgb(128,160,217)
```
#799fe0
```
#799fe0 rgb(121,159,224)
```
#739de6
```
#739de6 rgb(115,157,230)
```
#6d9bec
```
#6d9bec rgb(109,155,236)
```
#6699f3
```
#6699f3 rgb(102,153,243)
```
#6098f9
```
#6098f9 rgb(96,152,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9aa0a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d3 Protanopia 1% of men
#98a3d6 Deuteranopia 1% of men
#83acb8 Tritanopia 0.001% of the population

Trichromacy

#91a3d3 Protanomaly 1% of men, 0.01% of women
#91a2d5 Deuteranomaly 6% of men, 0.4% of women
#84a8c2 Tritanomaly 0.01% of the population

#86a2d3 hex color

#86a2d3 Color Information

#86a2d3 Color Conversion

Color Schemes with #86a2d3

Alternatives to #86a2d3

#86a2d3 Preview

Shades and Tints of #86a2d3

Tones of #86a2d3

Color Blindness Simulator