colorhexa.com

#487f74 hex color

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

- R 28
- G 50
- B 45
RGB color chart
- C 43
- M 0
- Y 9
- K 50
CMYK color chart

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

The hexadecimal color #487f74 has RGB values of R:72, G:127, B:116 and CMYK values of C:0.43, M:0, Y:0.09, K:0.5. Its decimal value is 4751220.

Hex triplet	487f74	`#487f74`
RGB Decimal	72, 127, 116	`rgb(72,127,116)`
RGB Percent	28.2, 49.8, 45.5	`rgb(28.2%,49.8%,45.5%)`
CMYK	43, 0, 9, 50
HSL	168°, 27.6, 39	`hsl(168,27.6%,39%)`
HSV (or HSB)	168°, 43.3, 49.8
Web Safe	336666	`#336666`

CIE-LAB	49.273, -21.032, 0.281
XYZ	13.413, 17.817, 19.254
xyY	0.266, 0.353, 17.817
CIE-LCH	49.273, 21.034, 179.234
CIE-LUV	49.273, -25.175, 3.507
Hunter-Lab	42.21, -17.144, 2.501
Binary	01001000, 01111111, 01110100

#487f74
```
#487f74 rgb(72,127,116)
```
#7f4853
```
#7f4853 rgb(127,72,83)
```

Complementary Color

#487f59
```
#487f59 rgb(72,127,89)
```
#487f74
```
#487f74 rgb(72,127,116)
```
#486f7f
```
#486f7f rgb(72,111,127)
```

Analogous Color

#7f5948
```
#7f5948 rgb(127,89,72)
```
#487f74
```
#487f74 rgb(72,127,116)
```
#7f486f
```
#7f486f rgb(127,72,111)
```

Split Complementary Color

#7f7448
```
#7f7448 rgb(127,116,72)
```
#487f74
```
#487f74 rgb(72,127,116)
```
#74487f
```
#74487f rgb(116,72,127)
```

Triadic Color

#537f48
```
#537f48 rgb(83,127,72)
```
#487f74
```
#487f74 rgb(72,127,116)
```
#74487f
```
#74487f rgb(116,72,127)
```
#7f4853
```
#7f4853 rgb(127,72,83)
```

Tetradic Color

#2c4e47
```
#2c4e47 rgb(44,78,71)
```
#365e56
```
#365e56 rgb(54,94,86)
```
#3f6f65
```
#3f6f65 rgb(63,111,101)
```
#487f74
```
#487f74 rgb(72,127,116)
```
#518f83
```
#518f83 rgb(81,143,131)
```
#5aa092
```
#5aa092 rgb(90,160,146)
```
#69aa9d
```
#69aa9d rgb(105,170,157)
```

Monochromatic Color

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

#487f66
```
#487f66 rgb(72,127,102)
```
#487f6b
```
#487f6b rgb(72,127,107)
```
#487f6f
```
#487f6f rgb(72,127,111)
```
#487f74
```
#487f74 rgb(72,127,116)
```
#487f79
```
#487f79 rgb(72,127,121)
```
#487f7d
```
#487f7d rgb(72,127,125)
```
#487c7f
```
#487c7f rgb(72,124,127)
```

Similar Colors

Text with hexadecimal color #487f74

This text has a font color of #487f74.

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

#487f74 background color

This paragraph has a background color of #487f74.

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

#487f74 border color

This element has a border color of #487f74.

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

CSS codes

.text {color:#487f74;}

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

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

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)
```
#080e0d
```
#080e0d rgb(8,14,13)
```
#0f1b19
```
#0f1b19 rgb(15,27,25)
```
#162724
```
#162724 rgb(22,39,36)
```
#1d342f
```
#1d342f rgb(29,52,47)
```
#25403b
```
#25403b rgb(37,64,59)
```
#2c4d46
```
#2c4d46 rgb(44,77,70)
```
#335952
```
#335952 rgb(51,89,82)
```
#3a665d
```
#3a665d rgb(58,102,93)
```
#417269
```
#417269 rgb(65,114,105)
```
#487f74
```
#487f74 rgb(72,127,116)
```
#4f8c7f
```
#4f8c7f rgb(79,140,127)
```
#56988b
```
#56988b rgb(86,152,139)
```

Shade Color Variation

#5ea496
```
#5ea496 rgb(94,164,150)
```
#6bab9e
```
#6bab9e rgb(107,171,158)
```
#77b2a6
```
#77b2a6 rgb(119,178,166)
```
#84b9ae
```
#84b9ae rgb(132,185,174)
```
#90c0b7
```
#90c0b7 rgb(144,192,183)
```
#9dc7bf
```
#9dc7bf rgb(157,199,191)
```
#a9cec7
```
#a9cec7 rgb(169,206,199)
```
#b6d5cf
```
#b6d5cf rgb(182,213,207)
```
#c2ddd7
```
#c2ddd7 rgb(194,221,215)
```
#cfe4df
```
#cfe4df rgb(207,228,223)
```
#dbebe8
```
#dbebe8 rgb(219,235,232)
```
#e8f2f0
```
#e8f2f0 rgb(232,242,240)
```
#f4f9f8
```
#f4f9f8 rgb(244,249,248)
```

Tint Color Variation

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

#5f6866
```
#5f6866 rgb(95,104,102)
```
#57706b
```
#57706b rgb(87,112,107)
```
#50776f
```
#50776f rgb(80,119,111)
```
#487f74
```
#487f74 rgb(72,127,116)
```
#408779
```
#408779 rgb(64,135,121)
```
#398e7d
```
#398e7d rgb(57,142,125)
```
#319682
```
#319682 rgb(49,150,130)
```
#299e86
```
#299e86 rgb(41,158,134)
```
#22a58b
```
#22a58b rgb(34,165,139)
```
#1aad90
```
#1aad90 rgb(26,173,144)
```
#12b594
```
#12b594 rgb(18,181,148)
```
#0bbc99
```
#0bbc99 rgb(11,188,153)
```
#03c49d
```
#03c49d rgb(3,196,157)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#66716e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7b76 Protanopia 1% of men
#86787f Deuteranopia 1% of men
#57838c Tritanopia 0.001% of the population

Trichromacy

#6b7c75 Protanomaly 1% of men, 0.01% of women
#6f7b7b Deuteranomaly 6% of men, 0.4% of women
#518183 Tritanomaly 0.01% of the population