#86a3a2 hex color

In a RGB color space, hex #86a3a2 is composed of 52.5% red, 63.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 0.6% yellow and 36.1% black. It has a hue angle of 177.9 degrees, a saturation of 13.6% and a lightness of 58.2%. #86a3a2 color hex could be obtained by blending #ffffff with #0d4745. Closest websafe color is: #999999.

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

● #86a3a2 color description : Dark grayish cyan.

The hexadecimal color #86a3a2 has RGB values of R:134, G:163, B:162 and CMYK values of C:0.18, M:0, Y:0.01, K:0.36. Its decimal value is 8823714.

Hex triplet	86a3a2	`#86a3a2`
RGB Decimal	134, 163, 162	`rgb(134,163,162)`
RGB Percent	52.5, 63.9, 63.5	`rgb(52.5%,63.9%,63.5%)`
CMYK	18, 0, 1, 36
HSL	177.9°, 13.6, 58.2	`hsl(177.9,13.6%,58.2%)`
HSV (or HSB)	177.9°, 17.8, 63.9
Web Safe	999999	`#999999`

CIE-LAB	64.86, -10.199, -2.824
XYZ	29.449, 33.871, 39.167
xyY	0.287, 0.33, 33.871
CIE-LCH	64.86, 10.583, 195.479
CIE-LUV	64.86, -15.179, -2.482
Hunter-Lab	58.198, -11.525, 0.838
Binary	10000110, 10100011, 10100010

#86a3a2
```
#86a3a2 rgb(134,163,162)
```
#a38687
```
#a38687 rgb(163,134,135)
```

Complementary Color

#86a394
```
#86a394 rgb(134,163,148)
```
#86a3a2
```
#86a3a2 rgb(134,163,162)
```
#8696a3
```
#8696a3 rgb(134,150,163)
```

Analogous Color

#a39486
```
#a39486 rgb(163,148,134)
```
#86a3a2
```
#86a3a2 rgb(134,163,162)
```
#a38696
```
#a38696 rgb(163,134,150)
```

Split Complementary Color

#a3a286
```
#a3a286 rgb(163,162,134)
```
#86a3a2
```
#86a3a2 rgb(134,163,162)
```
#a286a3
```
#a286a3 rgb(162,134,163)
```

Triadic Color

#87a386
```
#87a386 rgb(135,163,134)
```
#86a3a2
```
#86a3a2 rgb(134,163,162)
```
#a286a3
```
#a286a3 rgb(162,134,163)
```
#a38687
```
#a38687 rgb(163,134,135)
```

Tetradic Color

#5f7d7c
```
#5f7d7c rgb(95,125,124)
```
#6a8c8b
```
#6a8c8b rgb(106,140,139)
```
#789897
```
#789897 rgb(120,152,151)
```
#86a3a2
```
#86a3a2 rgb(134,163,162)
```
#94aead
```
#94aead rgb(148,174,173)
```
#a3b9b8
```
#a3b9b8 rgb(163,185,184)
```
#b1c4c3
```
#b1c4c3 rgb(177,196,195)
```

Monochromatic Color

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

#86a39b
```
#86a39b rgb(134,163,155)
```
#86a39d
```
#86a39d rgb(134,163,157)
```
#86a3a0
```
#86a3a0 rgb(134,163,160)
```
#86a3a2
```
#86a3a2 rgb(134,163,162)
```
#86a2a3
```
#86a2a3 rgb(134,162,163)
```
#869fa3
```
#869fa3 rgb(134,159,163)
```
#869da3
```
#869da3 rgb(134,157,163)
```

Similar Colors

Text with hexadecimal color #86a3a2

This text has a font color of #86a3a2.

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

#86a3a2 background color

This paragraph has a background color of #86a3a2.

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

#86a3a2 border color

This element has a border color of #86a3a2.

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

CSS codes

.text {color:#86a3a2;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#0a0d0d
```
#0a0d0d rgb(10,13,13)
```
#121818
```
#121818 rgb(18,24,24)
```
#1b2323
```
#1b2323 rgb(27,35,35)
```
#232e2e
```
#232e2e rgb(35,46,46)
```
#2c3939
```
#2c3939 rgb(44,57,57)
```
#344444
```
#344444 rgb(52,68,68)
```
#3d504f
```
#3d504f rgb(61,80,79)
```
#455b5a
```
#455b5a rgb(69,91,90)
```
#4d6665
```
#4d6665 rgb(77,102,101)
```
#567170
```
#567170 rgb(86,113,112)
```
#5e7c7b
```
#5e7c7b rgb(94,124,123)
```
#678786
```
#678786 rgb(103,135,134)
```

Shade Color Variation

#709291
```
#709291 rgb(112,146,145)
```
#7b9b99
```
#7b9b99 rgb(123,155,153)
```
#86a3a2
```
#86a3a2 rgb(134,163,162)
```
#91abab
```
#91abab rgb(145,171,171)
```
#9cb4b3
```
#9cb4b3 rgb(156,180,179)
```
#a7bcbc
```
#a7bcbc rgb(167,188,188)
```
#b3c5c4
```
#b3c5c4 rgb(179,197,196)
```
#becdcd
```
#becdcd rgb(190,205,205)
```
#c9d6d5
```
#c9d6d5 rgb(201,214,213)
```
#d4dede
```
#d4dede rgb(212,222,222)
```
#dfe7e7
```
#dfe7e7 rgb(223,231,231)
```
#eaefef
```
#eaefef rgb(234,239,239)
```
#f5f8f8
```
#f5f8f8 rgb(245,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9b9a is the less saturated color, while #2cfdf6 is the most saturated one.

#8e9b9a
```
#8e9b9a rgb(142,155,154)
```
#86a3a2
```
#86a3a2 rgb(134,163,162)
```
#7eabaa
```
#7eabaa rgb(126,171,170)
```
#76b3b1
```
#76b3b1 rgb(118,179,177)
```
#6dbcb9
```
#6dbcb9 rgb(109,188,185)
```
#65c4c1
```
#65c4c1 rgb(101,196,193)
```
#5dccc8
```
#5dccc8 rgb(93,204,200)
```
#55d4d0
```
#55d4d0 rgb(85,212,208)
```
#4ddcd7
```
#4ddcd7 rgb(77,220,215)
```
#44e5df
```
#44e5df rgb(68,229,223)
```
#3cede7
```
#3cede7 rgb(60,237,231)
```
#34f5ee
```
#34f5ee rgb(52,245,238)
```
#2cfdf6
```
#2cfdf6 rgb(44,253,246)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#969c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a1a3 Protanopia 1% of men
#ad9daa Deuteranopia 1% of men
#8ea6b1 Tritanopia 0.001% of the population

Trichromacy

#99a2a2 Protanomaly 1% of men, 0.01% of women
#9f9fa7 Deuteranomaly 6% of men, 0.4% of women
#8ba4ac Tritanomaly 0.01% of the population

#86a3a2 hex color

#86a3a2 Color Information

#86a3a2 Color Conversion

Color Schemes with #86a3a2

Alternatives to #86a3a2

#86a3a2 Preview

Shades and Tints of #86a3a2

Tones of #86a3a2

Color Blindness Simulator