#487b6a hex color

In a RGB color space, hex #487b6a is composed of 28.2% red, 48.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 0% magenta, 13.8% yellow and 51.8% black. It has a hue angle of 160 degrees, a saturation of 26.2% and a lightness of 38.2%. #487b6a color hex could be obtained by blending #90f6d4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 48
- B 42
RGB color chart
- C 41
- M 0
- Y 14
- K 52
CMYK color chart

● #487b6a color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #487b6a has RGB values of R:72, G:123, B:106 and CMYK values of C:0.41, M:0, Y:0.14, K:0.52. Its decimal value is 4750186.

Hex triplet	487b6a	`#487b6a`
RGB Decimal	72, 123, 106	`rgb(72,123,106)`
RGB Percent	28.2, 48.2, 41.6	`rgb(28.2%,48.2%,41.6%)`
CMYK	41, 0, 14, 52
HSL	160°, 26.2, 38.2	`hsl(160,26.2%,38.2%)`
HSV (or HSB)	160°, 41.5, 48.2
Web Safe	336666	`#336666`

CIE-LAB	47.731, -21.412, 3.936
XYZ	12.356, 16.584, 16.185
xyY	0.274, 0.368, 16.584
CIE-LCH	47.731, 21.771, 169.583
CIE-LUV	47.731, -23.723, 8.467
Hunter-Lab	40.723, -17.104, 4.942
Binary	01001000, 01111011, 01101010

#487b6a
```
#487b6a rgb(72,123,106)
```
#7b4859
```
#7b4859 rgb(123,72,89)
```

Complementary Color

#487b51
```
#487b51 rgb(72,123,81)
```
#487b6a
```
#487b6a rgb(72,123,106)
```
#48737b
```
#48737b rgb(72,115,123)
```

Analogous Color

#7b5148
```
#7b5148 rgb(123,81,72)
```
#487b6a
```
#487b6a rgb(72,123,106)
```
#7b4873
```
#7b4873 rgb(123,72,115)
```

Split Complementary Color

#7b6a48
```
#7b6a48 rgb(123,106,72)
```
#487b6a
```
#487b6a rgb(72,123,106)
```
#6a487b
```
#6a487b rgb(106,72,123)
```

Triadic Color

#597b48
```
#597b48 rgb(89,123,72)
```
#487b6a
```
#487b6a rgb(72,123,106)
```
#6a487b
```
#6a487b rgb(106,72,123)
```
#7b4859
```
#7b4859 rgb(123,72,89)
```

Tetradic Color

#2c4b40
```
#2c4b40 rgb(44,75,64)
```
#355b4e
```
#355b4e rgb(53,91,78)
```
#3f6b5c
```
#3f6b5c rgb(63,107,92)
```
#487b6a
```
#487b6a rgb(72,123,106)
```
#518b78
```
#518b78 rgb(81,139,120)
```
#5b9b86
```
#5b9b86 rgb(91,155,134)
```
#69a792
```
#69a792 rgb(105,167,146)
```

Monochromatic Color

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

#487b5d
```
#487b5d rgb(72,123,93)
```
#487b62
```
#487b62 rgb(72,123,98)
```
#487b66
```
#487b66 rgb(72,123,102)
```
#487b6a
```
#487b6a rgb(72,123,106)
```
#487b6e
```
#487b6e rgb(72,123,110)
```
#487b73
```
#487b73 rgb(72,123,115)
```
#487b77
```
#487b77 rgb(72,123,119)
```

Similar Colors

Text with hexadecimal color #487b6a

This text has a font color of #487b6a.

<span style="color:#487b6a;">Text here</span>

#487b6a background color

This paragraph has a background color of #487b6a.

<p style="background-color:#487b6a;">Content here</p>

#487b6a border color

This element has a border color of #487b6a.

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

CSS codes

.text {color:#487b6a;}

.background {background-color:#487b6a;}

.border {border:1px solid #487b6a;}

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

#070c0a
```
#070c0a rgb(7,12,10)
```
#0e1815
```
#0e1815 rgb(14,24,21)
```
#15241f
```
#15241f rgb(21,36,31)
```
#1d312a
```
#1d312a rgb(29,49,42)
```
#243d35
```
#243d35 rgb(36,61,53)
```
#2b4a3f
```
#2b4a3f rgb(43,74,63)
```
#32564a
```
#32564a rgb(50,86,74)
```
#3a6255
```
#3a6255 rgb(58,98,85)
```
#416f5f
```
#416f5f rgb(65,111,95)
```
#487b6a
```
#487b6a rgb(72,123,106)
```
#4f8775
```
#4f8775 rgb(79,135,117)
```
#56947f
```
#56947f rgb(86,148,127)
```
#5ea08a
```
#5ea08a rgb(94,160,138)
```

Shade Color Variation

#6aa893
```
#6aa893 rgb(106,168,147)
```
#76af9c
```
#76af9c rgb(118,175,156)
```
#83b6a5
```
#83b6a5 rgb(131,182,165)
```
#8fbdae
```
#8fbdae rgb(143,189,174)
```
#9bc5b7
```
#9bc5b7 rgb(155,197,183)
```
#a8ccc0
```
#a8ccc0 rgb(168,204,192)
```
#b4d3c9
```
#b4d3c9 rgb(180,211,201)
```
#c0dad2
```
#c0dad2 rgb(192,218,210)
```
#cde2db
```
#cde2db rgb(205,226,219)
```
#d9e9e4
```
#d9e9e4 rgb(217,233,228)
```
#e6f0ed
```
#e6f0ed rgb(230,240,237)
```
#f2f7f6
```
#f2f7f6 rgb(242,247,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6563 is the less saturated color, while #04bf81 is the most saturated one.

#5f6563
```
#5f6563 rgb(95,101,99)
```
#576c65
```
#576c65 rgb(87,108,101)
```
#507468
```
#507468 rgb(80,116,104)
```
#487b6a
```
#487b6a rgb(72,123,106)
```
#41836d
```
#41836d rgb(65,131,109)
```
#398a6f
```
#398a6f rgb(57,138,111)
```
#329272
```
#329272 rgb(50,146,114)
```
#2a9974
```
#2a9974 rgb(42,153,116)
```
#23a177
```
#23a177 rgb(35,161,119)
```
#1ba879
```
#1ba879 rgb(27,168,121)
```
#14b07c
```
#14b07c rgb(20,176,124)
```
#0cb77e
```
#0cb77e rgb(12,183,126)
```
#04bf81
```
#04bf81 rgb(4,191,129)
```

Tone Color Variation

Below, you can see how #487b6a 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

#6a6a6a Achromatopsia 0.005% of the population
#636d6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d786d Protanopia 1% of men
#847476 Deuteranopia 1% of men
#587e87 Tritanopia 0.001% of the population

Trichromacy

#6a796b Protanomaly 1% of men, 0.01% of women
#6e7771 Deuteranomaly 6% of men, 0.4% of women
#527d7c Tritanomaly 0.01% of the population

#487b6a hex color

#487b6a Color Information

#487b6a Color Conversion

Color Schemes with #487b6a

Alternatives to #487b6a

#487b6a Preview

Shades and Tints of #487b6a

Tones of #487b6a

Color Blindness Simulator