#87b4a0 hex color

In a RGB color space, hex #87b4a0 is composed of 52.9% red, 70.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 11.1% yellow and 29.4% black. It has a hue angle of 153.3 degrees, a saturation of 23.1% and a lightness of 61.8%. #87b4a0 color hex could be obtained by blending #ffffff with #0f6941. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 71
- B 63
RGB color chart
- C 25
- M 0
- Y 11
- K 29
CMYK color chart

● #87b4a0 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #87b4a0 has RGB values of R:135, G:180, B:160 and CMYK values of C:0.25, M:0, Y:0.11, K:0.29. Its decimal value is 8893600.

Hex triplet	87b4a0	`#87b4a0`
RGB Decimal	135, 180, 160	`rgb(135,180,160)`
RGB Percent	52.9, 70.6, 62.7	`rgb(52.9%,70.6%,62.7%)`
CMYK	25, 0, 11, 29
HSL	153.3°, 23.1, 61.8	`hsl(153.3,23.1%,61.8%)`
HSV (or HSB)	153.3°, 25, 70.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	69.704, -19.217, 5.343
XYZ	32.656, 40.33, 39.32
xyY	0.291, 0.359, 40.33
CIE-LCH	69.704, 19.946, 164.462
CIE-LUV	69.704, -22.614, 10.928
Hunter-Lab	63.506, -19.347, 7.745
Binary	10000111, 10110100, 10100000

#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#b4879b
```
#b4879b rgb(180,135,155)
```

Complementary Color

#87b48a
```
#87b48a rgb(135,180,138)
```
#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#87b2b4
```
#87b2b4 rgb(135,178,180)
```

Analogous Color

#b48a87
```
#b48a87 rgb(180,138,135)
```
#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#b487b2
```
#b487b2 rgb(180,135,178)
```

Split Complementary Color

#b4a087
```
#b4a087 rgb(180,160,135)
```
#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#a087b4
```
#a087b4 rgb(160,135,180)
```

Triadic Color

#9bb487
```
#9bb487 rgb(155,180,135)
```
#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#a087b4
```
#a087b4 rgb(160,135,180)
```
#b4879b
```
#b4879b rgb(180,135,155)
```

Tetradic Color

#5c937a
```
#5c937a rgb(92,147,122)
```
#68a087
```
#68a087 rgb(104,160,135)
```
#77aa94
```
#77aa94 rgb(119,170,148)
```
#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#97beac
```
#97beac rgb(151,190,172)
```
#a6c8b9
```
#a6c8b9 rgb(166,200,185)
```
#b6d1c5
```
#b6d1c5 rgb(182,209,197)
```

Monochromatic Color

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

#87b495
```
#87b495 rgb(135,180,149)
```
#87b499
```
#87b499 rgb(135,180,153)
```
#87b49c
```
#87b49c rgb(135,180,156)
```
#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#87b4a4
```
#87b4a4 rgb(135,180,164)
```
#87b4a8
```
#87b4a8 rgb(135,180,168)
```
#87b4ab
```
#87b4ab rgb(135,180,171)
```

Similar Colors

Text with hexadecimal color #87b4a0

This text has a font color of #87b4a0.

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

#87b4a0 background color

This paragraph has a background color of #87b4a0.

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

#87b4a0 border color

This element has a border color of #87b4a0.

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

CSS codes

.text {color:#87b4a0;}

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

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

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 #f4f8f6 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#080d0b
```
#080d0b rgb(8,13,11)
```
#101915
```
#101915 rgb(16,25,21)
```
#17251f
```
#17251f rgb(23,37,31)
```
#1f3129
```
#1f3129 rgb(31,49,41)
```
#263d33
```
#263d33 rgb(38,61,51)
```
#2e493d
```
#2e493d rgb(46,73,61)
```
#355547
```
#355547 rgb(53,85,71)
```
#3d6151
```
#3d6151 rgb(61,97,81)
```
#446d5b
```
#446d5b rgb(68,109,91)
```
#4c7965
```
#4c7965 rgb(76,121,101)
```
#53856f
```
#53856f rgb(83,133,111)
```
#5b9279
```
#5b9279 rgb(91,146,121)
```

Shade Color Variation

#639d83
```
#639d83 rgb(99,157,131)
```
#6fa58d
```
#6fa58d rgb(111,165,141)
```
#7bac96
```
#7bac96 rgb(123,172,150)
```
#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#93bcaa
```
#93bcaa rgb(147,188,170)
```
#9fc3b3
```
#9fc3b3 rgb(159,195,179)
```
#abcbbd
```
#abcbbd rgb(171,203,189)
```
#b7d2c6
```
#b7d2c6 rgb(183,210,198)
```
#c3dad0
```
#c3dad0 rgb(195,218,208)
```
#cfe1d9
```
#cfe1d9 rgb(207,225,217)
```
#dbe9e3
```
#dbe9e3 rgb(219,233,227)
```
#e8f0ec
```
#e8f0ec rgb(232,240,236)
```
#f4f8f6
```
#f4f8f6 rgb(244,248,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9e9e is the less saturated color, while #44f8a8 is the most saturated one.

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#96a59e
```
#96a59e rgb(150,165,158)
```
#8fad9f
```
#8fad9f rgb(143,173,159)
```
#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#80bca1
```
#80bca1 rgb(128,188,161)
```
#78c3a2
```
#78c3a2 rgb(120,195,162)
```
#71cba3
```
#71cba3 rgb(113,203,163)
```
#69d2a3
```
#69d2a3 rgb(105,210,163)
```
#62daa4
```
#62daa4 rgb(98,218,164)
```
#5ae1a5
```
#5ae1a5 rgb(90,225,165)
```
#53e9a6
```
#53e9a6 rgb(83,233,166)
```
#4bf0a7
```
#4bf0a7 rgb(75,240,167)
```
#44f8a8
```
#44f8a8 rgb(68,248,168)
```

Tone Color Variation

Below, you can see how #87b4a0 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
#9ea7a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5aea0 Protanopia 1% of men
#c0a9a9 Deuteranopia 1% of men
#93b3c0 Tritanopia 0.001% of the population

Trichromacy

#a4b0a0 Protanomaly 1% of men, 0.01% of women
#abada6 Deuteranomaly 6% of men, 0.4% of women
#8fb3b4 Tritanomaly 0.01% of the population

#87b4a0 hex color

#87b4a0 Color Information

#87b4a0 Color Conversion

Color Schemes with #87b4a0

Alternatives to #87b4a0

#87b4a0 Preview

Shades and Tints of #87b4a0

Tones of #87b4a0

Color Blindness Simulator