#87b2a8 hex color

In a RGB color space, hex #87b2a8 is composed of 52.9% red, 69.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 0% magenta, 5.6% yellow and 30.2% black. It has a hue angle of 166 degrees, a saturation of 21.8% and a lightness of 61.4%. #87b2a8 color hex could be obtained by blending #ffffff with #0f6551. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 53
- G 70
- B 66
RGB color chart
- C 24
- M 0
- Y 6
- K 30
CMYK color chart

● #87b2a8 color description : Dark grayish cyan.

The hexadecimal color #87b2a8 has RGB values of R:135, G:178, B:168 and CMYK values of C:0.24, M:0, Y:0.06, K:0.3. Its decimal value is 8893096.

Hex triplet	87b2a8	`#87b2a8`
RGB Decimal	135, 178, 168	`rgb(135,178,168)`
RGB Percent	52.9, 69.8, 65.9	`rgb(52.9%,69.8%,65.9%)`
CMYK	24, 0, 6, 30
HSL	166°, 21.8, 61.4	`hsl(166,21.8%,61.4%)`
HSV (or HSB)	166°, 24.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	69.34, -16.499, 0.412
XYZ	32.978, 39.818, 42.992
xyY	0.285, 0.344, 39.818
CIE-LCH	69.34, 16.504, 178.57
CIE-LUV	69.34, -21.717, 3.312
Hunter-Lab	63.101, -17.139, 3.776
Binary	10000111, 10110010, 10101000

#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#b28791
```
#b28791 rgb(178,135,145)
```

Complementary Color

#87b293
```
#87b293 rgb(135,178,147)
```
#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#87a7b2
```
#87a7b2 rgb(135,167,178)
```

Analogous Color

#b29387
```
#b29387 rgb(178,147,135)
```
#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#b287a7
```
#b287a7 rgb(178,135,167)
```

Split Complementary Color

#b2a887
```
#b2a887 rgb(178,168,135)
```
#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#a887b2
```
#a887b2 rgb(168,135,178)
```

Triadic Color

#91b287
```
#91b287 rgb(145,178,135)
```
#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#a887b2
```
#a887b2 rgb(168,135,178)
```
#b28791
```
#b28791 rgb(178,135,145)
```

Tetradic Color

#5c9084
```
#5c9084 rgb(92,144,132)
```
#689e91
```
#689e91 rgb(104,158,145)
```
#77a89d
```
#77a89d rgb(119,168,157)
```
#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#97bcb3
```
#97bcb3 rgb(151,188,179)
```
#a6c6bf
```
#a6c6bf rgb(166,198,191)
```
#b6d0ca
```
#b6d0ca rgb(182,208,202)
```

Monochromatic Color

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

#87b29d
```
#87b29d rgb(135,178,157)
```
#87b2a1
```
#87b2a1 rgb(135,178,161)
```
#87b2a4
```
#87b2a4 rgb(135,178,164)
```
#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#87b2ac
```
#87b2ac rgb(135,178,172)
```
#87b2af
```
#87b2af rgb(135,178,175)
```
#87b1b2
```
#87b1b2 rgb(135,177,178)
```

Similar Colors

Text with hexadecimal color #87b2a8

This text has a font color of #87b2a8.

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

#87b2a8 background color

This paragraph has a background color of #87b2a8.

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

#87b2a8 border color

This element has a border color of #87b2a8.

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

CSS codes

.text {color:#87b2a8;}

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

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

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, #070b0a is the darkest color, while #feffff is the lightest one.

#070b0a
```
#070b0a rgb(7,11,10)
```
#0f1715
```
#0f1715 rgb(15,23,21)
```
#172320
```
#172320 rgb(23,35,32)
```
#1e2f2b
```
#1e2f2b rgb(30,47,43)
```
#263b36
```
#263b36 rgb(38,59,54)
```
#2e4741
```
#2e4741 rgb(46,71,65)
```
#35534c
```
#35534c rgb(53,83,76)
```
#3d5f57
```
#3d5f57 rgb(61,95,87)
```
#456b62
```
#456b62 rgb(69,107,98)
```
#4c776d
```
#4c776d rgb(76,119,109)
```
#548378
```
#548378 rgb(84,131,120)
```
#5c8f83
```
#5c8f83 rgb(92,143,131)
```
#639b8e
```
#639b8e rgb(99,155,142)
```

Shade Color Variation

#6fa397
```
#6fa397 rgb(111,163,151)
```
#7baa9f
```
#7baa9f rgb(123,170,159)
```
#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#93bab1
```
#93bab1 rgb(147,186,177)
```
#9fc1b9
```
#9fc1b9 rgb(159,193,185)
```
#abc9c2
```
#abc9c2 rgb(171,201,194)
```
#b7d1cb
```
#b7d1cb rgb(183,209,203)
```
#c3d8d3
```
#c3d8d3 rgb(195,216,211)
```
#cfe0dc
```
#cfe0dc rgb(207,224,220)
```
#dbe8e5
```
#dbe8e5 rgb(219,232,229)
```
#e7efed
```
#e7efed rgb(231,239,237)
```
#f3f7f6
```
#f3f7f6 rgb(243,247,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a3a0 is the less saturated color, while #3bfed1 is the most saturated one.

#96a3a0
```
#96a3a0 rgb(150,163,160)
```
#8faaa4
```
#8faaa4 rgb(143,170,164)
```
#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#7fbaac
```
#7fbaac rgb(127,186,172)
```
#78c1b0
```
#78c1b0 rgb(120,193,176)
```
#70c9b4
```
#70c9b4 rgb(112,201,180)
```
#69d0b8
```
#69d0b8 rgb(105,208,184)
```
#61d8bc
```
#61d8bc rgb(97,216,188)
```
#5adfc0
```
#5adfc0 rgb(90,223,192)
```
#52e7c4
```
#52e7c4 rgb(82,231,196)
```
#4aefc8
```
#4aefc8 rgb(74,239,200)
```
#43f6cc
```
#43f6cc rgb(67,246,204)
```
#3bfed1
```
#3bfed1 rgb(59,254,209)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ea7a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2ada7 Protanopia 1% of men
#bca8b0 Deuteranopia 1% of men
#92b3bf Tritanopia 0.001% of the population

Trichromacy

#a2aea7 Protanomaly 1% of men, 0.01% of women
#a8acad Deuteranomaly 6% of men, 0.4% of women
#8eb2b7 Tritanomaly 0.01% of the population

#87b2a8 hex color

#87b2a8 Color Information

#87b2a8 Color Conversion

Color Schemes with #87b2a8

Alternatives to #87b2a8

#87b2a8 Preview

Shades and Tints of #87b2a8

Tones of #87b2a8

Color Blindness Simulator