#86a3c9 hex color

In a RGB color space, hex #86a3c9 is composed of 52.5% red, 63.9% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 18.9% magenta, 0% yellow and 21.2% black. It has a hue angle of 214 degrees, a saturation of 38.3% and a lightness of 65.7%. #86a3c9 color hex could be obtained by blending #ffffff with #0d4793. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 64
- B 79
RGB color chart
- C 33
- M 19
- Y 0
- K 21
CMYK color chart

● #86a3c9 color description : Slightly desaturated blue.

The hexadecimal color #86a3c9 has RGB values of R:134, G:163, B:201 and CMYK values of C:0.33, M:0.19, Y:0, K:0.21. Its decimal value is 8823753.

Hex triplet	86a3c9	`#86a3c9`
RGB Decimal	134, 163, 201	`rgb(134,163,201)`
RGB Percent	52.5, 63.9, 78.8	`rgb(52.5%,63.9%,78.8%)`
CMYK	33, 19, 0, 21
HSL	214°, 38.3, 65.7	`hsl(214,38.3%,65.7%)`
HSV (or HSB)	214°, 33.3, 78.8
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.12, -0.885, -22.692
XYZ	33.469, 35.479, 60.34
xyY	0.259, 0.274, 35.479
CIE-LCH	66.12, 22.709, 267.765
CIE-LUV	66.12, -15.938, -34.977
Hunter-Lab	59.564, -3.938, -18.367
Binary	10000110, 10100011, 11001001

#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#c9ac86
```
#c9ac86 rgb(201,172,134)
```

Complementary Color

#86c5c9
```
#86c5c9 rgb(134,197,201)
```
#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#8b86c9
```
#8b86c9 rgb(139,134,201)
```

Analogous Color

#c5c986
```
#c5c986 rgb(197,201,134)
```
#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#c98b86
```
#c98b86 rgb(201,139,134)
```

Split Complementary Color

#a3c986
```
#a3c986 rgb(163,201,134)
```
#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#c986a3
```
#c986a3 rgb(201,134,163)
```

Triadic Color

#86c9ac
```
#86c9ac rgb(134,201,172)
```
#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#c986a3
```
#c986a3 rgb(201,134,163)
```
#c9ac86
```
#c9ac86 rgb(201,172,134)
```

Tetradic Color

#517bb1
```
#517bb1 rgb(81,123,177)
```
#6388b9
```
#6388b9 rgb(99,136,185)
```
#7496c1
```
#7496c1 rgb(116,150,193)
```
#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#98b0d1
```
#98b0d1 rgb(152,176,209)
```
#a9bed9
```
#a9bed9 rgb(169,190,217)
```
#bbcbe1
```
#bbcbe1 rgb(187,203,225)
```

Monochromatic Color

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

#86b4c9
```
#86b4c9 rgb(134,180,201)
```
#86aec9
```
#86aec9 rgb(134,174,201)
```
#86a9c9
```
#86a9c9 rgb(134,169,201)
```
#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#869dc9
```
#869dc9 rgb(134,157,201)
```
#8698c9
```
#8698c9 rgb(134,152,201)
```
#8692c9
```
#8692c9 rgb(134,146,201)
```

Similar Colors

Text with hexadecimal color #86a3c9

This text has a font color of #86a3c9.

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

#86a3c9 background color

This paragraph has a background color of #86a3c9.

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

#86a3c9 border color

This element has a border color of #86a3c9.

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

CSS codes

.text {color:#86a3c9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070a0f
```
#070a0f rgb(7,10,15)
```
#0d131c
```
#0d131c rgb(13,19,28)
```
#131d2a
```
#131d2a rgb(19,29,42)
```
#192637
```
#192637 rgb(25,38,55)
```
#1f2f45
```
#1f2f45 rgb(31,47,69)
```
#253952
```
#253952 rgb(37,57,82)
```
#2b4260
```
#2b4260 rgb(43,66,96)
```
#314b6e
```
#314b6e rgb(49,75,110)
```
#37547b
```
#37547b rgb(55,84,123)
```
#3d5e89
```
#3d5e89 rgb(61,94,137)
```
#436796
```
#436796 rgb(67,103,150)
```
#4970a4
```
#4970a4 rgb(73,112,164)
```

Shade Color Variation

#507ab1
```
#507ab1 rgb(80,122,177)
```
#5d84b7
```
#5d84b7 rgb(93,132,183)
```
#6b8ebd
```
#6b8ebd rgb(107,142,189)
```
#7899c3
```
#7899c3 rgb(120,153,195)
```
#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#94adcf
```
#94adcf rgb(148,173,207)
```
#a1b8d5
```
#a1b8d5 rgb(161,184,213)
```
#afc2db
```
#afc2db rgb(175,194,219)
```
#bccce1
```
#bccce1 rgb(188,204,225)
```
#cad7e7
```
#cad7e7 rgb(202,215,231)
```
#d7e1ed
```
#d7e1ed rgb(215,225,237)
```
#e5ebf3
```
#e5ebf3 rgb(229,235,243)
```
#f3f5f9
```
#f3f5f9 rgb(243,245,249)
```

Tint Color Variation

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

#a1a7ae
```
#a1a7ae rgb(161,167,174)
```
#9aa6b5
```
#9aa6b5 rgb(154,166,181)
```
#93a5bc
```
#93a5bc rgb(147,165,188)
```
#8da4c2
```
#8da4c2 rgb(141,164,194)
```
#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#7fa2d0
```
#7fa2d0 rgb(127,162,208)
```
#79a1d6
```
#79a1d6 rgb(121,161,214)
```
#72a0dd
```
#72a0dd rgb(114,160,221)
```
#6b9fe4
```
#6b9fe4 rgb(107,159,228)
```
#649eeb
```
#649eeb rgb(100,158,235)
```
#5e9ef1
```
#5e9ef1 rgb(94,158,241)
```
#579df8
```
#579df8 rgb(87,157,248)
```
#509cff
```
#509cff rgb(80,156,255)
```

Tone Color Variation

Below, you can see how #86a3c9 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
#9aa0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca4c9 Protanopia 1% of men
#9ea2cd Deuteranopia 1% of men
#86abb7 Tritanopia 0.001% of the population

Trichromacy

#94a3c9 Protanomaly 1% of men, 0.01% of women
#95a2cb Deuteranomaly 6% of men, 0.4% of women
#86a8be Tritanomaly 0.01% of the population

#86a3c9 hex color

#86a3c9 Color Information

#86a3c9 Color Conversion

Color Schemes with #86a3c9

Alternatives to #86a3c9

#86a3c9 Preview

Shades and Tints of #86a3c9

Tones of #86a3c9

Color Blindness Simulator