#487c7a hex color

In a RGB color space, hex #487c7a is composed of 28.2% red, 48.6% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 0% magenta, 1.6% yellow and 51.4% black. It has a hue angle of 177.7 degrees, a saturation of 26.5% and a lightness of 38.4%. #487c7a color hex could be obtained by blending #90f8f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 49
- B 48
RGB color chart
- C 42
- M 0
- Y 2
- K 51
CMYK color chart

● #487c7a color description : Mostly desaturated dark cyan.

The hexadecimal color #487c7a has RGB values of R:72, G:124, B:122 and CMYK values of C:0.42, M:0, Y:0.02, K:0.51. Its decimal value is 4750458.

Hex triplet	487c7a	`#487c7a`
RGB Decimal	72, 124, 122	`rgb(72,124,122)`
RGB Percent	28.2, 48.6, 47.8	`rgb(28.2%,48.6%,47.8%)`
CMYK	42, 0, 2, 51
HSL	177.7°, 26.5, 38.4	`hsl(177.7,26.5%,38.4%)`
HSV (or HSB)	177.7°, 41.9, 48.6
Web Safe	336666	`#336666`

CIE-LAB	48.508, -17.872, -4.379
XYZ	13.392, 17.197, 21.025
xyY	0.259, 0.333, 17.197
CIE-LCH	48.508, 18.4, 193.768
CIE-LUV	48.508, -23.749, -3.485
Hunter-Lab	41.47, -14.928, -1.031
Binary	01001000, 01111100, 01111010

#487c7a
```
#487c7a rgb(72,124,122)
```
#7c484a
```
#7c484a rgb(124,72,74)
```

Complementary Color

#487c60
```
#487c60 rgb(72,124,96)
```
#487c7a
```
#487c7a rgb(72,124,122)
```
#48647c
```
#48647c rgb(72,100,124)
```

Analogous Color

#7c6048
```
#7c6048 rgb(124,96,72)
```
#487c7a
```
#487c7a rgb(72,124,122)
```
#7c4864
```
#7c4864 rgb(124,72,100)
```

Split Complementary Color

#7c7a48
```
#7c7a48 rgb(124,122,72)
```
#487c7a
```
#487c7a rgb(72,124,122)
```
#7a487c
```
#7a487c rgb(122,72,124)
```

Triadic Color

#4a7c48
```
#4a7c48 rgb(74,124,72)
```
#487c7a
```
#487c7a rgb(72,124,122)
```
#7a487c
```
#7a487c rgb(122,72,124)
```
#7c484a
```
#7c484a rgb(124,72,74)
```

Tetradic Color

#2c4c4a
```
#2c4c4a rgb(44,76,74)
```
#355c5a
```
#355c5a rgb(53,92,90)
```
#3f6c6a
```
#3f6c6a rgb(63,108,106)
```
#487c7a
```
#487c7a rgb(72,124,122)
```
#518c8a
```
#518c8a rgb(81,140,138)
```
#5b9c9a
```
#5b9c9a rgb(91,156,154)
```
#69a8a5
```
#69a8a5 rgb(105,168,165)
```

Monochromatic Color

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

#487c6d
```
#487c6d rgb(72,124,109)
```
#487c71
```
#487c71 rgb(72,124,113)
```
#487c76
```
#487c76 rgb(72,124,118)
```
#487c7a
```
#487c7a rgb(72,124,122)
```
#487a7c
```
#487a7c rgb(72,122,124)
```
#48757c
```
#48757c rgb(72,117,124)
```
#48717c
```
#48717c rgb(72,113,124)
```

Similar Colors

Text with hexadecimal color #487c7a

This text has a font color of #487c7a.

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

#487c7a background color

This paragraph has a background color of #487c7a.

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

#487c7a border color

This element has a border color of #487c7a.

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

CSS codes

.text {color:#487c7a;}

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

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

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

#070c0c
```
#070c0c rgb(7,12,12)
```
#0e1918
```
#0e1918 rgb(14,25,24)
```
#162525
```
#162525 rgb(22,37,37)
```
#1d3231
```
#1d3231 rgb(29,50,49)
```
#243e3d
```
#243e3d rgb(36,62,61)
```
#2b4a49
```
#2b4a49 rgb(43,74,73)
```
#325755
```
#325755 rgb(50,87,85)
```
#3a6362
```
#3a6362 rgb(58,99,98)
```
#41706e
```
#41706e rgb(65,112,110)
```
#487c7a
```
#487c7a rgb(72,124,122)
```
#4f8886
```
#4f8886 rgb(79,136,134)
```
#569592
```
#569592 rgb(86,149,146)
```
#5ea19f
```
#5ea19f rgb(94,161,159)
```

Shade Color Variation

#6aa8a6
```
#6aa8a6 rgb(106,168,166)
```
#76b0ad
```
#76b0ad rgb(118,176,173)
```
#83b7b5
```
#83b7b5 rgb(131,183,181)
```
#8fbebc
```
#8fbebc rgb(143,190,188)
```
#9cc5c4
```
#9cc5c4 rgb(156,197,196)
```
#a8cdcb
```
#a8cdcb rgb(168,205,203)
```
#b4d4d3
```
#b4d4d3 rgb(180,212,211)
```
#c1dbda
```
#c1dbda rgb(193,219,218)
```
#cde2e1
```
#cde2e1 rgb(205,226,225)
```
#dae9e9
```
#dae9e9 rgb(218,233,233)
```
#e6f1f0
```
#e6f1f0 rgb(230,241,240)
```
#f2f8f8
```
#f2f8f8 rgb(242,248,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5f6565
```
#5f6565 rgb(95,101,101)
```
#576d6c
```
#576d6c rgb(87,109,108)
```
#507473
```
#507473 rgb(80,116,115)
```
#487c7a
```
#487c7a rgb(72,124,122)
```
#408481
```
#408481 rgb(64,132,129)
```
#398b88
```
#398b88 rgb(57,139,136)
```
#31938f
```
#31938f rgb(49,147,143)
```
#2a9a96
```
#2a9a96 rgb(42,154,150)
```
#22a29d
```
#22a29d rgb(34,162,157)
```
#1ba9a4
```
#1ba9a4 rgb(27,169,164)
```
#13b1ab
```
#13b1ab rgb(19,177,171)
```
#0cb8b2
```
#0cb8b2 rgb(12,184,178)
```
#04c0b9
```
#04c0b9 rgb(4,192,185)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#656f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b797c Protanopia 1% of men
#807784 Deuteranopia 1% of men
#54818a Tritanopia 0.001% of the population

Trichromacy

#697a7b Protanomaly 1% of men, 0.01% of women
#6c7980 Deuteranomaly 6% of men, 0.4% of women
#507f84 Tritanomaly 0.01% of the population

#487c7a hex color

#487c7a Color Information

#487c7a Color Conversion

Color Schemes with #487c7a

Alternatives to #487c7a

#487c7a Preview

Shades and Tints of #487c7a

Tones of #487c7a

Color Blindness Simulator