#87a5a1 hex color

In a RGB color space, hex #87a5a1 is composed of 52.9% red, 64.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 2.4% yellow and 35.3% black. It has a hue angle of 172 degrees, a saturation of 14.3% and a lightness of 58.8%. #87a5a1 color hex could be obtained by blending #ffffff with #0f4b43. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 53
- G 65
- B 63
RGB color chart
- C 18
- M 0
- Y 2
- K 35
CMYK color chart

● #87a5a1 color description : Dark grayish cyan.

The hexadecimal color #87a5a1 has RGB values of R:135, G:165, B:161 and CMYK values of C:0.18, M:0, Y:0.02, K:0.35. Its decimal value is 8889761.

Hex triplet	87a5a1	`#87a5a1`
RGB Decimal	135, 165, 161	`rgb(135,165,161)`
RGB Percent	52.9, 64.7, 63.1	`rgb(52.9%,64.7%,63.1%)`
CMYK	18, 0, 2, 35
HSL	172°, 14.3, 58.8	`hsl(172,14.3%,58.8%)`
HSV (or HSB)	172°, 18.2, 64.7
Web Safe	999999	`#999999`

CIE-LAB	65.462, -11.16, -1.373
XYZ	29.878, 34.634, 38.827
xyY	0.289, 0.335, 34.634
CIE-LCH	65.462, 11.244, 187.015
CIE-LUV	65.462, -15.619, -0.186
Hunter-Lab	58.85, -12.364, 2.078
Binary	10000111, 10100101, 10100001

#87a5a1
```
#87a5a1 rgb(135,165,161)
```
#a5878b
```
#a5878b rgb(165,135,139)
```

Complementary Color

#87a592
```
#87a592 rgb(135,165,146)
```
#87a5a1
```
#87a5a1 rgb(135,165,161)
```
#879aa5
```
#879aa5 rgb(135,154,165)
```

Analogous Color

#a59287
```
#a59287 rgb(165,146,135)
```
#87a5a1
```
#87a5a1 rgb(135,165,161)
```
#a5879a
```
#a5879a rgb(165,135,154)
```

Split Complementary Color

#a5a187
```
#a5a187 rgb(165,161,135)
```
#87a5a1
```
#87a5a1 rgb(135,165,161)
```
#a187a5
```
#a187a5 rgb(161,135,165)
```

Triadic Color

#8ba587
```
#8ba587 rgb(139,165,135)
```
#87a5a1
```
#87a5a1 rgb(135,165,161)
```
#a187a5
```
#a187a5 rgb(161,135,165)
```
#a5878b
```
#a5878b rgb(165,135,139)
```

Tetradic Color

#60807b
```
#60807b rgb(96,128,123)
```
#6b8e8a
```
#6b8e8a rgb(107,142,138)
```
#789a96
```
#789a96 rgb(120,154,150)
```
#87a5a1
```
#87a5a1 rgb(135,165,161)
```
#96b0ac
```
#96b0ac rgb(150,176,172)
```
#a4bbb8
```
#a4bbb8 rgb(164,187,184)
```
#b3c6c3
```
#b3c6c3 rgb(179,198,195)
```

Monochromatic Color

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

#87a59a
```
#87a59a rgb(135,165,154)
```
#87a59c
```
#87a59c rgb(135,165,156)
```
#87a59f
```
#87a59f rgb(135,165,159)
```
#87a5a1
```
#87a5a1 rgb(135,165,161)
```
#87a5a4
```
#87a5a4 rgb(135,165,164)
```
#87a4a5
```
#87a4a5 rgb(135,164,165)
```
#87a2a5
```
#87a2a5 rgb(135,162,165)
```

Similar Colors

Text with hexadecimal color #87a5a1

This text has a font color of #87a5a1.

<span style="color:#87a5a1;">Text here</span>

#87a5a1 background color

This paragraph has a background color of #87a5a1.

<p style="background-color:#87a5a1;">Content here</p>

#87a5a1 border color

This element has a border color of #87a5a1.

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

CSS codes

.text {color:#87a5a1;}

.background {background-color:#87a5a1;}

.border {border:1px solid #87a5a1;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0f0e
```
#0b0f0e rgb(11,15,14)
```
#131a19
```
#131a19 rgb(19,26,25)
```
#1c2524
```
#1c2524 rgb(28,37,36)
```
#24302f
```
#24302f rgb(36,48,47)
```
#2d3b39
```
#2d3b39 rgb(45,59,57)
```
#354744
```
#354744 rgb(53,71,68)
```
#3d524f
```
#3d524f rgb(61,82,79)
```
#465d5a
```
#465d5a rgb(70,93,90)
```
#4e6865
```
#4e6865 rgb(78,104,101)
```
#577370
```
#577370 rgb(87,115,112)
```
#5f7f7a
```
#5f7f7a rgb(95,127,122)
```
#678a85
```
#678a85 rgb(103,138,133)
```

Shade Color Variation

#71948f
```
#71948f rgb(113,148,143)
```
#7c9d98
```
#7c9d98 rgb(124,157,152)
```
#87a5a1
```
#87a5a1 rgb(135,165,161)
```
#92adaa
```
#92adaa rgb(146,173,170)
```
#9db6b3
```
#9db6b3 rgb(157,182,179)
```
#a9bebb
```
#a9bebb rgb(169,190,187)
```
#b4c7c4
```
#b4c7c4 rgb(180,199,196)
```
#bfcfcd
```
#bfcfcd rgb(191,207,205)
```
#cad7d6
```
#cad7d6 rgb(202,215,214)
```
#d5e0de
```
#d5e0de rgb(213,224,222)
```
#e1e8e7
```
#e1e8e7 rgb(225,232,231)
```
#ecf1f0
```
#ecf1f0 rgb(236,241,240)
```
#f7f9f9
```
#f7f9f9 rgb(247,249,249)
```

Tint Color Variation

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

#8f9d9b
```
#8f9d9b rgb(143,157,155)
```
#87a5a1
```
#87a5a1 rgb(135,165,161)
```
#7fada7
```
#7fada7 rgb(127,173,167)
```
#77b5ad
```
#77b5ad rgb(119,181,173)
```
#6fbdb3
```
#6fbdb3 rgb(111,189,179)
```
#67c5b9
```
#67c5b9 rgb(103,197,185)
```
#5fcdbf
```
#5fcdbf rgb(95,205,191)
```
#57d5c5
```
#57d5c5 rgb(87,213,197)
```
#4edeca
```
#4edeca rgb(78,222,202)
```
#46e6d0
```
#46e6d0 rgb(70,230,208)
```
#3eeed6
```
#3eeed6 rgb(62,238,214)
```
#36f6dc
```
#36f6dc rgb(54,246,220)
```
#2efee2
```
#2efee2 rgb(46,254,226)
```

Tone Color Variation

Below, you can see how #87a5a1 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

#9c9c9c Achromatopsia 0.005% of the population
#989e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a3a2 Protanopia 1% of men
#b09fa9 Deuteranopia 1% of men
#90a7b3 Tritanopia 0.001% of the population

Trichromacy

#9ba3a1 Protanomaly 1% of men, 0.01% of women
#a1a1a6 Deuteranomaly 6% of men, 0.4% of women
#8ca6ac Tritanomaly 0.01% of the population

#87a5a1 hex color

#87a5a1 Color Information

#87a5a1 Color Conversion

Color Schemes with #87a5a1

Alternatives to #87a5a1

#87a5a1 Preview

Shades and Tints of #87a5a1

Tones of #87a5a1

Color Blindness Simulator