#487d8e hex color

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

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

● #487d8e color description : Dark moderate cyan.

The hexadecimal color #487d8e has RGB values of R:72, G:125, B:142 and CMYK values of C:0.49, M:0.12, Y:0, K:0.44. Its decimal value is 4750734.

Hex triplet	487d8e	`#487d8e`
RGB Decimal	72, 125, 142	`rgb(72,125,142)`
RGB Percent	28.2, 49, 55.7	`rgb(28.2%,49%,55.7%)`
CMYK	49, 12, 0, 44
HSL	194.6°, 32.7, 42	`hsl(194.6,32.7%,42%)`
HSV (or HSB)	194.6°, 49.3, 55.7
Web Safe	336699	`#336699`

CIE-LAB	49.493, -12.772, -14.686
XYZ	14.887, 17.997, 28.279
xyY	0.243, 0.294, 17.997
CIE-LCH	49.493, 19.463, 228.987
CIE-LUV	49.493, -23.649, -19.425
Hunter-Lab	42.423, -11.6, -9.826
Binary	01001000, 01111101, 10001110

#487d8e
```
#487d8e rgb(72,125,142)
```
#8e5948
```
#8e5948 rgb(142,89,72)
```

Complementary Color

#488e7c
```
#488e7c rgb(72,142,124)
```
#487d8e
```
#487d8e rgb(72,125,142)
```
#485a8e
```
#485a8e rgb(72,90,142)
```

Analogous Color

#8e7c48
```
#8e7c48 rgb(142,124,72)
```
#487d8e
```
#487d8e rgb(72,125,142)
```
#8e485a
```
#8e485a rgb(142,72,90)
```

Split Complementary Color

#7d8e48
```
#7d8e48 rgb(125,142,72)
```
#487d8e
```
#487d8e rgb(72,125,142)
```
#8e487d
```
#8e487d rgb(142,72,125)
```

Triadic Color

#488e59
```
#488e59 rgb(72,142,89)
```
#487d8e
```
#487d8e rgb(72,125,142)
```
#8e487d
```
#8e487d rgb(142,72,125)
```
#8e5948
```
#8e5948 rgb(142,89,72)
```

Tetradic Color

#2e505b
```
#2e505b rgb(46,80,91)
```
#375f6c
```
#375f6c rgb(55,95,108)
```
#3f6e7d
```
#3f6e7d rgb(63,110,125)
```
#487d8e
```
#487d8e rgb(72,125,142)
```
#518c9f
```
#518c9f rgb(81,140,159)
```
#5c99ad
```
#5c99ad rgb(92,153,173)
```
#6da4b5
```
#6da4b5 rgb(109,164,181)
```

Monochromatic Color

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

#488e8e
```
#488e8e rgb(72,142,142)
```
#48898e
```
#48898e rgb(72,137,142)
```
#48838e
```
#48838e rgb(72,131,142)
```
#487d8e
```
#487d8e rgb(72,125,142)
```
#48778e
```
#48778e rgb(72,119,142)
```
#48718e
```
#48718e rgb(72,113,142)
```
#486c8e
```
#486c8e rgb(72,108,142)
```

Similar Colors

Text with hexadecimal color #487d8e

This text has a font color of #487d8e.

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

#487d8e background color

This paragraph has a background color of #487d8e.

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

#487d8e border color

This element has a border color of #487d8e.

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

CSS codes

.text {color:#487d8e;}

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

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

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

#060a0c
```
#060a0c rgb(6,10,12)
```
#0d1619
```
#0d1619 rgb(13,22,25)
```
#132126
```
#132126 rgb(19,33,38)
```
#1a2d33
```
#1a2d33 rgb(26,45,51)
```
#203840
```
#203840 rgb(32,56,64)
```
#27444d
```
#27444d rgb(39,68,77)
```
#2e4f5a
```
#2e4f5a rgb(46,79,90)
```
#345b67
```
#345b67 rgb(52,91,103)
```
#3b6674
```
#3b6674 rgb(59,102,116)
```
#417281
```
#417281 rgb(65,114,129)
```
#487d8e
```
#487d8e rgb(72,125,142)
```
#4f889b
```
#4f889b rgb(79,136,155)
```
#5594a8
```
#5594a8 rgb(85,148,168)
```

Shade Color Variation

#629caf
```
#629caf rgb(98,156,175)
```
#6fa5b6
```
#6fa5b6 rgb(111,165,182)
```
#7cadbc
```
#7cadbc rgb(124,173,188)
```
#89b5c3
```
#89b5c3 rgb(137,181,195)
```
#96bdca
```
#96bdca rgb(150,189,202)
```
#a3c5d0
```
#a3c5d0 rgb(163,197,208)
```
#b0cdd7
```
#b0cdd7 rgb(176,205,215)
```
#bdd5dd
```
#bdd5dd rgb(189,213,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 #069fd0 is the most saturated one.

#696c6d
```
#696c6d rgb(105,108,109)
```
#617075
```
#617075 rgb(97,112,117)
```
#58757e
```
#58757e rgb(88,117,126)
```
#507986
```
#507986 rgb(80,121,134)
```
#487d8e
```
#487d8e rgb(72,125,142)
```
#408196
```
#408196 rgb(64,129,150)
```
#38859e
```
#38859e rgb(56,133,158)
```
#2f8aa7
```
#2f8aa7 rgb(47,138,167)
```
#278eaf
```
#278eaf rgb(39,142,175)
```
#1f92b7
```
#1f92b7 rgb(31,146,183)
```
#1796bf
```
#1796bf rgb(23,150,191)
```
#0e9bc8
```
#0e9bc8 rgb(14,155,200)
```
#069fd0
```
#069fd0 rgb(6,159,208)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#677275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797b8f Protanopia 1% of men
#7a7a97 Deuteranopia 1% of men
#4f848e Tritanopia 0.001% of the population

Trichromacy

#677c8e Protanomaly 1% of men, 0.01% of women
#677b93 Deuteranomaly 6% of men, 0.4% of women
#4c818e Tritanomaly 0.01% of the population

#487d8e hex color

#487d8e Color Information

#487d8e Color Conversion

Color Schemes with #487d8e

Alternatives to #487d8e

#487d8e Preview

Shades and Tints of #487d8e

Tones of #487d8e

Color Blindness Simulator