#487f78 hex color

In a RGB color space, hex #487f78 is composed of 28.2% red, 49.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 0% magenta, 5.5% yellow and 50.2% black. It has a hue angle of 172.4 degrees, a saturation of 27.6% and a lightness of 39%. #487f78 color hex could be obtained by blending #90fef0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 50
- B 47
RGB color chart
- C 43
- M 0
- Y 6
- K 50
CMYK color chart

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

The hexadecimal color #487f78 has RGB values of R:72, G:127, B:120 and CMYK values of C:0.43, M:0, Y:0.06, K:0.5. Its decimal value is 4751224.

Hex triplet	487f78	`#487f78`
RGB Decimal	72, 127, 120	`rgb(72,127,120)`
RGB Percent	28.2, 49.8, 47.1	`rgb(28.2%,49.8%,47.1%)`
CMYK	43, 0, 6, 50
HSL	172.4°, 27.6, 39	`hsl(172.4,27.6%,39%)`
HSV (or HSB)	172.4°, 43.3, 49.8
Web Safe	336666	`#336666`

CIE-LAB	49.389, -20.003, -1.901
XYZ	13.651, 17.912, 20.506
xyY	0.262, 0.344, 17.912
CIE-LCH	49.389, 20.093, 185.43
CIE-LUV	49.389, -25.063, 0.318
Hunter-Lab	42.322, -16.489, 0.898
Binary	01001000, 01111111, 01111000

#487f78
```
#487f78 rgb(72,127,120)
```
#7f484f
```
#7f484f rgb(127,72,79)
```

Complementary Color

#487f5d
```
#487f5d rgb(72,127,93)
```
#487f78
```
#487f78 rgb(72,127,120)
```
#486b7f
```
#486b7f rgb(72,107,127)
```

Analogous Color

#7f5d48
```
#7f5d48 rgb(127,93,72)
```
#487f78
```
#487f78 rgb(72,127,120)
```
#7f486b
```
#7f486b rgb(127,72,107)
```

Split Complementary Color

#7f7848
```
#7f7848 rgb(127,120,72)
```
#487f78
```
#487f78 rgb(72,127,120)
```
#78487f
```
#78487f rgb(120,72,127)
```

Triadic Color

#4f7f48
```
#4f7f48 rgb(79,127,72)
```
#487f78
```
#487f78 rgb(72,127,120)
```
#78487f
```
#78487f rgb(120,72,127)
```
#7f484f
```
#7f484f rgb(127,72,79)
```

Tetradic Color

#2c4e4a
```
#2c4e4a rgb(44,78,74)
```
#365e59
```
#365e59 rgb(54,94,89)
```
#3f6f69
```
#3f6f69 rgb(63,111,105)
```
#487f78
```
#487f78 rgb(72,127,120)
```
#518f87
```
#518f87 rgb(81,143,135)
```
#5aa097
```
#5aa097 rgb(90,160,151)
```
#69aaa2
```
#69aaa2 rgb(105,170,162)
```

Monochromatic Color

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

#487f6a
```
#487f6a rgb(72,127,106)
```
#487f6f
```
#487f6f rgb(72,127,111)
```
#487f73
```
#487f73 rgb(72,127,115)
```
#487f78
```
#487f78 rgb(72,127,120)
```
#487f7d
```
#487f7d rgb(72,127,125)
```
#487d7f
```
#487d7f rgb(72,125,127)
```
#48787f
```
#48787f rgb(72,120,127)
```

Similar Colors

Text with hexadecimal color #487f78

This text has a font color of #487f78.

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

#487f78 background color

This paragraph has a background color of #487f78.

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

#487f78 border color

This element has a border color of #487f78.

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

CSS codes

.text {color:#487f78;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080e0e
```
#080e0e rgb(8,14,14)
```
#0f1b19
```
#0f1b19 rgb(15,27,25)
```
#162725
```
#162725 rgb(22,39,37)
```
#1d3431
```
#1d3431 rgb(29,52,49)
```
#25403d
```
#25403d rgb(37,64,61)
```
#2c4d49
```
#2c4d49 rgb(44,77,73)
```
#335955
```
#335955 rgb(51,89,85)
```
#3a6660
```
#3a6660 rgb(58,102,96)
```
#41726c
```
#41726c rgb(65,114,108)
```
#487f78
```
#487f78 rgb(72,127,120)
```
#4f8c84
```
#4f8c84 rgb(79,140,132)
```
#569890
```
#569890 rgb(86,152,144)
```

Shade Color Variation

#5ea49b
```
#5ea49b rgb(94,164,155)
```
#6baba3
```
#6baba3 rgb(107,171,163)
```
#77b2aa
```
#77b2aa rgb(119,178,170)
```
#84b9b2
```
#84b9b2 rgb(132,185,178)
```
#90c0ba
```
#90c0ba rgb(144,192,186)
```
#9dc7c2
```
#9dc7c2 rgb(157,199,194)
```
#a9ceca
```
#a9ceca rgb(169,206,202)
```
#b6d5d1
```
#b6d5d1 rgb(182,213,209)
```
#c2ddd9
```
#c2ddd9 rgb(194,221,217)
```
#cfe4e1
```
#cfe4e1 rgb(207,228,225)
```
#dbebe9
```
#dbebe9 rgb(219,235,233)
```
#e8f2f1
```
#e8f2f1 rgb(232,242,241)
```
#f4f9f8
```
#f4f9f8 rgb(244,249,248)
```

Tint Color Variation

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

#5f6867
```
#5f6867 rgb(95,104,103)
```
#57706d
```
#57706d rgb(87,112,109)
```
#507772
```
#507772 rgb(80,119,114)
```
#487f78
```
#487f78 rgb(72,127,120)
```
#40877e
```
#40877e rgb(64,135,126)
```
#398e83
```
#398e83 rgb(57,142,131)
```
#319689
```
#319689 rgb(49,150,137)
```
#299e8f
```
#299e8f rgb(41,158,143)
```
#22a595
```
#22a595 rgb(34,165,149)
```
#1aad9a
```
#1aad9a rgb(26,173,154)
```
#12b5a0
```
#12b5a0 rgb(18,181,160)
```
#0bbca6
```
#0bbca6 rgb(11,188,166)
```
#03c4ab
```
#03c4ab rgb(3,196,171)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#667170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7b79 Protanopia 1% of men
#847983 Deuteranopia 1% of men
#56838d Tritanopia 0.001% of the population

Trichromacy

#6b7d79 Protanomaly 1% of men, 0.01% of women
#6e7b7f Deuteranomaly 6% of men, 0.4% of women
#518185 Tritanomaly 0.01% of the population

#487f78 hex color

#487f78 Color Information

#487f78 Color Conversion

Color Schemes with #487f78

Alternatives to #487f78

#487f78 Preview

Shades and Tints of #487f78

Tones of #487f78

Color Blindness Simulator