#487f81 hex color

In a RGB color space, hex #487f81 is composed of 28.2% red, 49.8% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 1.6% magenta, 0% yellow and 49.4% black. It has a hue angle of 182.1 degrees, a saturation of 28.4% and a lightness of 39.4%. #487f81 color hex could be obtained by blending #90feff with #000003. Closest websafe color is: #336699.

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

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

The hexadecimal color #487f81 has RGB values of R:72, G:127, B:129 and CMYK values of C:0.44, M:0.02, Y:0, K:0.49. Its decimal value is 4751233.

Hex triplet	487f81	`#487f81`
RGB Decimal	72, 127, 129	`rgb(72,127,129)`
RGB Percent	28.2, 49.8, 50.6	`rgb(28.2%,49.8%,50.6%)`
CMYK	44, 2, 0, 49
HSL	182.1°, 28.4, 39.4	`hsl(182.1,28.4%,39.4%)`
HSV (or HSB)	182.1°, 44.2, 50.6
Web Safe	336699	`#336699`

CIE-LAB	49.666, -17.59, -6.784
XYZ	14.223, 18.141, 23.52
xyY	0.255, 0.325, 18.141
CIE-LCH	49.666, 18.852, 201.091
CIE-LUV	49.666, -24.811, -7.019
Hunter-Lab	42.592, -14.927, -2.926
Binary	01001000, 01111111, 10000001

#487f81
```
#487f81 rgb(72,127,129)
```
#814a48
```
#814a48 rgb(129,74,72)
```

Complementary Color

#488167
```
#488167 rgb(72,129,103)
```
#487f81
```
#487f81 rgb(72,127,129)
```
#486381
```
#486381 rgb(72,99,129)
```

Analogous Color

#816748
```
#816748 rgb(129,103,72)
```
#487f81
```
#487f81 rgb(72,127,129)
```
#814863
```
#814863 rgb(129,72,99)
```

Split Complementary Color

#7f8148
```
#7f8148 rgb(127,129,72)
```
#487f81
```
#487f81 rgb(72,127,129)
```
#81487f
```
#81487f rgb(129,72,127)
```

Triadic Color

#48814a
```
#48814a rgb(72,129,74)
```
#487f81
```
#487f81 rgb(72,127,129)
```
#81487f
```
#81487f rgb(129,72,127)
```
#814a48
```
#814a48 rgb(129,74,72)
```

Tetradic Color

#2d4f50
```
#2d4f50 rgb(45,79,80)
```
#365f60
```
#365f60 rgb(54,95,96)
```
#3f6f71
```
#3f6f71 rgb(63,111,113)
```
#487f81
```
#487f81 rgb(72,127,129)
```
#518f91
```
#518f91 rgb(81,143,145)
```
#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```
#6aa9ac
```
#6aa9ac rgb(106,169,172)
```

Monochromatic Color

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

#488175
```
#488175 rgb(72,129,117)
```
#48817a
```
#48817a rgb(72,129,122)
```
#48817e
```
#48817e rgb(72,129,126)
```
#487f81
```
#487f81 rgb(72,127,129)
```
#487a81
```
#487a81 rgb(72,122,129)
```
#487681
```
#487681 rgb(72,118,129)
```
#487181
```
#487181 rgb(72,113,129)
```

Similar Colors

Text with hexadecimal color #487f81

This text has a font color of #487f81.

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

#487f81 background color

This paragraph has a background color of #487f81.

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

#487f81 border color

This element has a border color of #487f81.

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

CSS codes

.text {color:#487f81;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090f10
```
#090f10 rgb(9,15,16)
```
#101c1c
```
#101c1c rgb(16,28,28)
```
#172829
```
#172829 rgb(23,40,41)
```
#1e3535
```
#1e3535 rgb(30,53,53)
```
#254142
```
#254142 rgb(37,65,66)
```
#2c4d4f
```
#2c4d4f rgb(44,77,79)
```
#335a5b
```
#335a5b rgb(51,90,91)
```
#3a6668
```
#3a6668 rgb(58,102,104)
```
#417374
```
#417374 rgb(65,115,116)
```
#487f81
```
#487f81 rgb(72,127,129)
```
#4f8b8e
```
#4f8b8e rgb(79,139,142)
```
#56989a
```
#56989a rgb(86,152,154)
```

Shade Color Variation

#5ea3a5
```
#5ea3a5 rgb(94,163,165)
```
#6baaac
```
#6baaac rgb(107,170,172)
```
#78b1b3
```
#78b1b3 rgb(120,177,179)
```
#84b9ba
```
#84b9ba rgb(132,185,186)
```
#91c0c1
```
#91c0c1 rgb(145,192,193)
```
#9dc7c9
```
#9dc7c9 rgb(157,199,201)
```
#aaced0
```
#aaced0 rgb(170,206,208)
```
#b7d5d7
```
#b7d5d7 rgb(183,213,215)
```
#c3ddde
```
#c3ddde rgb(195,221,222)
```
#d0e4e5
```
#d0e4e5 rgb(208,228,229)
```
#dcebec
```
#dcebec rgb(220,235,236)
```
#e9f2f3
```
#e9f2f3 rgb(233,242,243)
```
#f6fafa
```
#f6fafa rgb(246,250,250)
```

Tint Color Variation

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

#5f696a
```
#5f696a rgb(95,105,106)
```
#577172
```
#577172 rgb(87,113,114)
```
#507879
```
#507879 rgb(80,120,121)
```
#487f81
```
#487f81 rgb(72,127,129)
```
#408689
```
#408689 rgb(64,134,137)
```
#398d90
```
#398d90 rgb(57,141,144)
```
#319598
```
#319598 rgb(49,149,152)
```
#299ca0
```
#299ca0 rgb(41,156,160)
```
#21a3a8
```
#21a3a8 rgb(33,163,168)
```
#1aaaaf
```
#1aaaaf rgb(26,170,175)
```
#12b1b7
```
#12b1b7 rgb(18,177,183)
```
#0ab9bf
```
#0ab9bf rgb(10,185,191)
```
#02c0c7
```
#02c0c7 rgb(2,192,199)
```

Tone Color Variation

Below, you can see how #487f81 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
#677273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7c82 Protanopia 1% of men
#817a8b Deuteranopia 1% of men
#53848e Tritanopia 0.001% of the population

Trichromacy

#6a7d81 Protanomaly 1% of men, 0.01% of women
#6c7b87 Deuteranomaly 6% of men, 0.4% of women
#4f8289 Tritanomaly 0.01% of the population

#487f81 hex color

#487f81 Color Information

#487f81 Color Conversion

Color Schemes with #487f81

Alternatives to #487f81

#487f81 Preview

Shades and Tints of #487f81

Tones of #487f81

Color Blindness Simulator