#86a3d3 hex color

In a RGB color space, hex #86a3d3 is composed of 52.5% red, 63.9% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 22.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 217.4 degrees, a saturation of 46.7% and a lightness of 67.6%. #86a3d3 color hex could be obtained by blending #ffffff with #0d47a7. 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

● #86a3d3 color description : Slightly desaturated blue.

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

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

CIE-LAB	66.493, 1.727, -27.661
XYZ	34.684, 35.965, 66.739
xyY	0.252, 0.262, 35.965
CIE-LCH	66.493, 27.715, 273.574
CIE-LUV	66.493, -16.147, -43.516
Hunter-Lab	59.971, -1.713, -24.002
Binary	10000110, 10100011, 11010011

#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#d3b686
```
#d3b686 rgb(211,182,134)
```

Complementary Color

#86cad3
```
#86cad3 rgb(134,202,211)
```
#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#9086d3
```
#9086d3 rgb(144,134,211)
```

Analogous Color

#cad386
```
#cad386 rgb(202,211,134)
```
#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#d39086
```
#d39086 rgb(211,144,134)
```

Split Complementary Color

#a3d386
```
#a3d386 rgb(163,211,134)
```
#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#d386a3
```
#d386a3 rgb(211,134,163)
```

Triadic Color

#86d3b6
```
#86d3b6 rgb(134,211,182)
```
#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#d386a3
```
#d386a3 rgb(211,134,163)
```
#d3b686
```
#d3b686 rgb(211,182,134)
```

Tetradic Color

#4e78bf
```
#4e78bf rgb(78,120,191)
```
#6187c5
```
#6187c5 rgb(97,135,197)
```
#7395cc
```
#7395cc rgb(115,149,204)
```
#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#99b1da
```
#99b1da rgb(153,177,218)
```
#abbfe1
```
#abbfe1 rgb(171,191,225)
```
#becee7
```
#becee7 rgb(190,206,231)
```

Monochromatic Color

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

#86b6d3
```
#86b6d3 rgb(134,182,211)
```
#86b0d3
```
#86b0d3 rgb(134,176,211)
```
#86a9d3
```
#86a9d3 rgb(134,169,211)
```
#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#869dd3
```
#869dd3 rgb(134,157,211)
```
#8696d3
```
#8696d3 rgb(134,150,211)
```
#8690d3
```
#8690d3 rgb(134,144,211)
```

Similar Colors

Text with hexadecimal color #86a3d3

This text has a font color of #86a3d3.

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

#86a3d3 background color

This paragraph has a background color of #86a3d3.

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

#86a3d3 border color

This element has a border color of #86a3d3.

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

CSS codes

.text {color:#86a3d3;}

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

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

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)
```
#182842
```
#182842 rgb(24,40,66)
```
#1d3050
```
#1d3050 rgb(29,48,80)
```
#22395f
```
#22395f rgb(34,57,95)
```
#28426d
```
#28426d rgb(40,66,109)
```
#2d4b7c
```
#2d4b7c rgb(45,75,124)
```
#32538a
```
#32538a rgb(50,83,138)
```
#375c98
```
#375c98 rgb(55,92,152)
```
#3d65a7
```
#3d65a7 rgb(61,101,167)
```
#426db5
```
#426db5 rgb(66,109,181)
```

Shade Color Variation

#4c77be
```
#4c77be rgb(76,119,190)
```
#5b82c3
```
#5b82c3 rgb(91,130,195)
```
#698dc9
```
#698dc9 rgb(105,141,201)
```
#7898ce
```
#7898ce rgb(120,152,206)
```
#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#94aed8
```
#94aed8 rgb(148,174,216)
```
#a3b9dd
```
#a3b9dd rgb(163,185,221)
```
#b1c4e3
```
#b1c4e3 rgb(177,196,227)
```
#c0cfe8
```
#c0cfe8 rgb(192,207,232)
```
#cedaed
```
#cedaed rgb(206,218,237)
```
#dce5f2
```
#dce5f2 rgb(220,229,242)
```
#ebf0f8
```
#ebf0f8 rgb(235,240,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 #609af9 is the most saturated one.

#acacad
```
#acacad rgb(172,172,173)
```
#a6abb3
```
#a6abb3 rgb(166,171,179)
```
#9fa9ba
```
#9fa9ba rgb(159,169,186)
```
#99a8c0
```
#99a8c0 rgb(153,168,192)
```
#93a6c6
```
#93a6c6 rgb(147,166,198)
```
#8ca5cd
```
#8ca5cd rgb(140,165,205)
```
#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#80a1d9
```
#80a1d9 rgb(128,161,217)
```
#79a0e0
```
#79a0e0 rgb(121,160,224)
```
#739ee6
```
#739ee6 rgb(115,158,230)
```
#6d9dec
```
#6d9dec rgb(109,157,236)
```
#669bf3
```
#669bf3 rgb(102,155,243)
```
#609af9
```
#609af9 rgb(96,154,249)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9ba1aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a4d3 Protanopia 1% of men
#9aa4d6 Deuteranopia 1% of men
#83adb9 Tritanopia 0.001% of the population

Trichromacy

#92a4d3 Protanomaly 1% of men, 0.01% of women
#92a3d5 Deuteranomaly 6% of men, 0.4% of women
#84a9c2 Tritanomaly 0.01% of the population

#86a3d3 hex color

#86a3d3 Color Information

#86a3d3 Color Conversion

Color Schemes with #86a3d3

Alternatives to #86a3d3

#86a3d3 Preview

Shades and Tints of #86a3d3

Tones of #86a3d3

Color Blindness Simulator