#487f8c hex color

In a RGB color space, hex #487f8c is composed of 28.2% red, 49.8% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 9.3% magenta, 0% yellow and 45.1% black. It has a hue angle of 191.5 degrees, a saturation of 32.1% and a lightness of 41.6%. #487f8c color hex could be obtained by blending #90feff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 50
- B 55
RGB color chart
- C 49
- M 9
- Y 0
- K 45
CMYK color chart

● #487f8c color description : Dark moderate cyan.

The hexadecimal color #487f8c has RGB values of R:72, G:127, B:140 and CMYK values of C:0.49, M:0.09, Y:0, K:0.45. Its decimal value is 4751244.

Hex triplet	487f8c	`#487f8c`
RGB Decimal	72, 127, 140	`rgb(72,127,140)`
RGB Percent	28.2, 49.8, 54.9	`rgb(28.2%,49.8%,54.9%)`
CMYK	49, 9, 0, 45
HSL	191.5°, 32.1, 41.6	`hsl(191.5,32.1%,41.6%)`
HSV (or HSB)	191.5°, 48.6, 54.9
Web Safe	336699	`#336699`

CIE-LAB	50.036, -14.472, -12.689
XYZ	14.994, 18.449, 27.58
xyY	0.246, 0.302, 18.449
CIE-LCH	50.036, 19.247, 221.244
CIE-LUV	50.036, -24.506, -16.219
Hunter-Lab	42.952, -12.854, -8.004
Binary	01001000, 01111111, 10001100

#487f8c
```
#487f8c rgb(72,127,140)
```
#8c5548
```
#8c5548 rgb(140,85,72)
```

Complementary Color

#488c77
```
#488c77 rgb(72,140,119)
```
#487f8c
```
#487f8c rgb(72,127,140)
```
#485d8c
```
#485d8c rgb(72,93,140)
```

Analogous Color

#8c7748
```
#8c7748 rgb(140,119,72)
```
#487f8c
```
#487f8c rgb(72,127,140)
```
#8c485d
```
#8c485d rgb(140,72,93)
```

Split Complementary Color

#7f8c48
```
#7f8c48 rgb(127,140,72)
```
#487f8c
```
#487f8c rgb(72,127,140)
```
#8c487f
```
#8c487f rgb(140,72,127)
```

Triadic Color

#488c55
```
#488c55 rgb(72,140,85)
```
#487f8c
```
#487f8c rgb(72,127,140)
```
#8c487f
```
#8c487f rgb(140,72,127)
```
#8c5548
```
#8c5548 rgb(140,85,72)
```

Tetradic Color

#2e5159
```
#2e5159 rgb(46,81,89)
```
#37606a
```
#37606a rgb(55,96,106)
```
#3f707b
```
#3f707b rgb(63,112,123)
```
#487f8c
```
#487f8c rgb(72,127,140)
```
#518e9d
```
#518e9d rgb(81,142,157)
```
#5c9cab
```
#5c9cab rgb(92,156,171)
```
#6da6b4
```
#6da6b4 rgb(109,166,180)
```

Monochromatic Color

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

#488c88
```
#488c88 rgb(72,140,136)
```
#488a8c
```
#488a8c rgb(72,138,140)
```
#48858c
```
#48858c rgb(72,133,140)
```
#487f8c
```
#487f8c rgb(72,127,140)
```
#48798c
```
#48798c rgb(72,121,140)
```
#48748c
```
#48748c rgb(72,116,140)
```
#486e8c
```
#486e8c rgb(72,110,140)
```

Similar Colors

Text with hexadecimal color #487f8c

This text has a font color of #487f8c.

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

#487f8c background color

This paragraph has a background color of #487f8c.

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

#487f8c border color

This element has a border color of #487f8c.

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

CSS codes

.text {color:#487f8c;}

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

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

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, #05090a is the darkest color, while #fdfdfe is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0c1517
```
#0c1517 rgb(12,21,23)
```
#132124
```
#132124 rgb(19,33,36)
```
#192d31
```
#192d31 rgb(25,45,49)
```
#20383e
```
#20383e rgb(32,56,62)
```
#27444b
```
#27444b rgb(39,68,75)
```
#2d5058
```
#2d5058 rgb(45,80,88)
```
#345c65
```
#345c65 rgb(52,92,101)
```
#3b6772
```
#3b6772 rgb(59,103,114)
```
#41737f
```
#41737f rgb(65,115,127)
```
#487f8c
```
#487f8c rgb(72,127,140)
```
#4f8b99
```
#4f8b99 rgb(79,139,153)
```
#5597a6
```
#5597a6 rgb(85,151,166)
```

Shade Color Variation

#619fae
```
#619fae rgb(97,159,174)
```
#6ea7b4
```
#6ea7b4 rgb(110,167,180)
```
#7bafbb
```
#7bafbb rgb(123,175,187)
```
#88b7c2
```
#88b7c2 rgb(136,183,194)
```
#95bfc8
```
#95bfc8 rgb(149,191,200)
```
#a2c6cf
```
#a2c6cf rgb(162,198,207)
```
#afced6
```
#afced6 rgb(175,206,214)
```
#bcd6dc
```
#bcd6dc rgb(188,214,220)
```
#c9dee3
```
#c9dee3 rgb(201,222,227)
```
#d6e6ea
```
#d6e6ea rgb(214,230,234)
```
#e3eef0
```
#e3eef0 rgb(227,238,240)
```
#f0f6f7
```
#f0f6f7 rgb(240,246,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#696b6b
```
#696b6b rgb(105,107,107)
```
#607074
```
#607074 rgb(96,112,116)
```
#58757c
```
#58757c rgb(88,117,124)
```
#507a84
```
#507a84 rgb(80,122,132)
```
#487f8c
```
#487f8c rgb(72,127,140)
```
#408494
```
#408494 rgb(64,132,148)
```
#38899c
```
#38899c rgb(56,137,156)
```
#308ea4
```
#308ea4 rgb(48,142,164)
```
#2793ad
```
#2793ad rgb(39,147,173)
```
#1f98b5
```
#1f98b5 rgb(31,152,181)
```
#179dbd
```
#179dbd rgb(23,157,189)
```
#0fa2c5
```
#0fa2c5 rgb(15,162,197)
```
#07a7cd
```
#07a7cd rgb(7,167,205)
```

Tone Color Variation

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

#7b7d8c Protanopia 1% of men
#7d7b95 Deuteranopia 1% of men
#50868f Tritanopia 0.001% of the population

Trichromacy

#687d8c Protanomaly 1% of men, 0.01% of women
#6a7c92 Deuteranomaly 6% of men, 0.4% of women
#4d838e Tritanomaly 0.01% of the population

#487f8c hex color

#487f8c Color Information

#487f8c Color Conversion

Color Schemes with #487f8c

Alternatives to #487f8c

#487f8c Preview

Shades and Tints of #487f8c

Tones of #487f8c

Color Blindness Simulator