#487f8e hex color

In a RGB color space, hex #487f8e is composed of 28.2% red, 49.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 10.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 192.9 degrees, a saturation of 32.7% and a lightness of 42%. #487f8e color hex could be obtained by blending #90feff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 50
- B 56
RGB color chart
- C 49
- M 11
- Y 0
- K 44
CMYK color chart

● #487f8e color description : Dark moderate cyan.

The hexadecimal color #487f8e has RGB values of R:72, G:127, B:142 and CMYK values of C:0.49, M:0.11, Y:0, K:0.44. Its decimal value is 4751246.

Hex triplet	487f8e	`#487f8e`
RGB Decimal	72, 127, 142	`rgb(72,127,142)`
RGB Percent	28.2, 49.8, 55.7	`rgb(28.2%,49.8%,55.7%)`
CMYK	49, 11, 0, 44
HSL	192.9°, 32.7, 42	`hsl(192.9,32.7%,42%)`
HSV (or HSB)	192.9°, 49.3, 55.7
Web Safe	336699	`#336699`

CIE-LAB	50.107, -13.887, -13.754
XYZ	15.143, 18.509, 28.364
xyY	0.244, 0.298, 18.509
CIE-LCH	50.107, 19.546, 224.725
CIE-LUV	50.107, -24.452, -17.912
Hunter-Lab	43.022, -12.458, -8.975
Binary	01001000, 01111111, 10001110

#487f8e
```
#487f8e rgb(72,127,142)
```
#8e5748
```
#8e5748 rgb(142,87,72)
```

Complementary Color

#488e7a
```
#488e7a rgb(72,142,122)
```
#487f8e
```
#487f8e rgb(72,127,142)
```
#485c8e
```
#485c8e rgb(72,92,142)
```

Analogous Color

#8e7a48
```
#8e7a48 rgb(142,122,72)
```
#487f8e
```
#487f8e rgb(72,127,142)
```
#8e485c
```
#8e485c rgb(142,72,92)
```

Split Complementary Color

#7f8e48
```
#7f8e48 rgb(127,142,72)
```
#487f8e
```
#487f8e rgb(72,127,142)
```
#8e487f
```
#8e487f rgb(142,72,127)
```

Triadic Color

#488e57
```
#488e57 rgb(72,142,87)
```
#487f8e
```
#487f8e rgb(72,127,142)
```
#8e487f
```
#8e487f rgb(142,72,127)
```
#8e5748
```
#8e5748 rgb(142,87,72)
```

Tetradic Color

#2e525b
```
#2e525b rgb(46,82,91)
```
#37616c
```
#37616c rgb(55,97,108)
```
#3f707d
```
#3f707d rgb(63,112,125)
```
#487f8e
```
#487f8e rgb(72,127,142)
```
#518e9f
```
#518e9f rgb(81,142,159)
```
#5c9bad
```
#5c9bad rgb(92,155,173)
```
#6da6b5
```
#6da6b5 rgb(109,166,181)
```

Monochromatic Color

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

#488e8c
```
#488e8c rgb(72,142,140)
```
#488b8e
```
#488b8e rgb(72,139,142)
```
#48858e
```
#48858e rgb(72,133,142)
```
#487f8e
```
#487f8e rgb(72,127,142)
```
#48798e
```
#48798e rgb(72,121,142)
```
#48738e
```
#48738e rgb(72,115,142)
```
#486e8e
```
#486e8e rgb(72,110,142)
```

Similar Colors

Text with hexadecimal color #487f8e

This text has a font color of #487f8e.

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

#487f8e background color

This paragraph has a background color of #487f8e.

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

#487f8e border color

This element has a border color of #487f8e.

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

CSS codes

.text {color:#487f8e;}

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

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

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, #060b0c is the darkest color, while #fefefe is the lightest one.

#060b0c
```
#060b0c rgb(6,11,12)
```
#0d1619
```
#0d1619 rgb(13,22,25)
```
#132226
```
#132226 rgb(19,34,38)
```
#1a2e33
```
#1a2e33 rgb(26,46,51)
```
#203940
```
#203940 rgb(32,57,64)
```
#27454d
```
#27454d rgb(39,69,77)
```
#2e505a
```
#2e505a rgb(46,80,90)
```
#345c67
```
#345c67 rgb(52,92,103)
```
#3b6874
```
#3b6874 rgb(59,104,116)
```
#417381
```
#417381 rgb(65,115,129)
```
#487f8e
```
#487f8e rgb(72,127,142)
```
#4f8b9b
```
#4f8b9b rgb(79,139,155)
```
#5596a8
```
#5596a8 rgb(85,150,168)
```

Shade Color Variation

#629faf
```
#629faf rgb(98,159,175)
```
#6fa7b6
```
#6fa7b6 rgb(111,167,182)
```
#7cafbc
```
#7cafbc rgb(124,175,188)
```
#89b7c3
```
#89b7c3 rgb(137,183,195)
```
#96beca
```
#96beca rgb(150,190,202)
```
#a3c6d0
```
#a3c6d0 rgb(163,198,208)
```
#b0ced7
```
#b0ced7 rgb(176,206,215)
```
#bdd6dd
```
#bdd6dd rgb(189,214,221)
```
#cadee4
```
#cadee4 rgb(202,222,228)
```
#d7e6eb
```
#d7e6eb rgb(215,230,235)
```
#e4eef1
```
#e4eef1 rgb(228,238,241)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c6d is the less saturated color, while #06a5d0 is the most saturated one.

#696c6d
```
#696c6d rgb(105,108,109)
```
#617175
```
#617175 rgb(97,113,117)
```
#58767e
```
#58767e rgb(88,118,126)
```
#507a86
```
#507a86 rgb(80,122,134)
```
#487f8e
```
#487f8e rgb(72,127,142)
```
#408496
```
#408496 rgb(64,132,150)
```
#38889e
```
#38889e rgb(56,136,158)
```
#2f8da7
```
#2f8da7 rgb(47,141,167)
```
#2792af
```
#2792af rgb(39,146,175)
```
#1f97b7
```
#1f97b7 rgb(31,151,183)
```
#179bbf
```
#179bbf rgb(23,155,191)
```
#0ea0c8
```
#0ea0c8 rgb(14,160,200)
```
#06a5d0
```
#06a5d0 rgb(6,165,208)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#687376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7d8e Protanopia 1% of men
#7c7b97 Deuteranopia 1% of men
#508690 Tritanopia 0.001% of the population

Trichromacy

#687d8e Protanomaly 1% of men, 0.01% of women
#697c94 Deuteranomaly 6% of men, 0.4% of women
#4d838f Tritanomaly 0.01% of the population

#487f8e hex color

#487f8e Color Information

#487f8e Color Conversion

Color Schemes with #487f8e

Alternatives to #487f8e

#487f8e Preview

Shades and Tints of #487f8e

Tones of #487f8e

Color Blindness Simulator