colorhexa.com

#487f95 hex color

In a RGB color space, hex #487f95 is composed of 28.2% red, 49.8% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 14.8% magenta, 0% yellow and 41.6% black. It has a hue angle of 197.1 degrees, a saturation of 34.8% and a lightness of 43.3%. #487f95 color hex could be obtained by blending #90feff with #00002b. Closest websafe color is: #336699.

- R 28
- G 50
- B 58
RGB color chart
- C 52
- M 15
- Y 0
- K 42
CMYK color chart

● #487f95 color description : Dark moderate blue.

The hexadecimal color #487f95 has RGB values of R:72, G:127, B:149 and CMYK values of C:0.52, M:0.15, Y:0, K:0.42. Its decimal value is 4751253.

Hex triplet	487f95	`#487f95`
RGB Decimal	72, 127, 149	`rgb(72,127,149)`
RGB Percent	28.2, 49.8, 58.4	`rgb(28.2%,49.8%,58.4%)`
CMYK	52, 15, 0, 42
HSL	197.1°, 34.8, 43.3	`hsl(197.1,34.8%,43.3%)`
HSV (or HSB)	197.1°, 51.7, 58.4
Web Safe	336699	`#336699`

CIE-LAB	50.364, -11.798, -17.461
XYZ	15.685, 18.725, 31.22
xyY	0.239, 0.285, 18.725
CIE-LCH	50.364, 21.073, 235.954
CIE-LUV	50.364, -24.263, -23.873
Hunter-Lab	43.273, -11.026, -12.485
Binary	01001000, 01111111, 10010101

#487f95
```
#487f95 rgb(72,127,149)
```
#955e48
```
#955e48 rgb(149,94,72)
```

Complementary Color

#489585
```
#489585 rgb(72,149,133)
```
#487f95
```
#487f95 rgb(72,127,149)
```
#485995
```
#485995 rgb(72,89,149)
```

Analogous Color

#958548
```
#958548 rgb(149,133,72)
```
#487f95
```
#487f95 rgb(72,127,149)
```
#954859
```
#954859 rgb(149,72,89)
```

Split Complementary Color

#7f9548
```
#7f9548 rgb(127,149,72)
```
#487f95
```
#487f95 rgb(72,127,149)
```
#95487f
```
#95487f rgb(149,72,127)
```

Triadic Color

#48955e
```
#48955e rgb(72,149,94)
```
#487f95
```
#487f95 rgb(72,127,149)
```
#95487f
```
#95487f rgb(149,72,127)
```
#955e48
```
#955e48 rgb(149,94,72)
```

Tetradic Color

#2f5361
```
#2f5361 rgb(47,83,97)
```
#376273
```
#376273 rgb(55,98,115)
```
#407084
```
#407084 rgb(64,112,132)
```
#487f95
```
#487f95 rgb(72,127,149)
```
#508ea6
```
#508ea6 rgb(80,142,166)
```
#5f9ab1
```
#5f9ab1 rgb(95,154,177)
```
#70a5ba
```
#70a5ba rgb(112,165,186)
```

Monochromatic Color

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

#489295
```
#489295 rgb(72,146,149)
```
#488c95
```
#488c95 rgb(72,140,149)
```
#488595
```
#488595 rgb(72,133,149)
```
#487f95
```
#487f95 rgb(72,127,149)
```
#487995
```
#487995 rgb(72,121,149)
```
#487295
```
#487295 rgb(72,114,149)
```
#486c95
```
#486c95 rgb(72,108,149)
```

Similar Colors

Text with hexadecimal color #487f95

This text has a font color of #487f95.

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

#487f95 background color

This paragraph has a background color of #487f95.

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

#487f95 border color

This element has a border color of #487f95.

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

CSS codes

.text {color:#487f95;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080e11
```
#080e11 rgb(8,14,17)
```
#0e1a1e
```
#0e1a1e rgb(14,26,30)
```
#15252b
```
#15252b rgb(21,37,43)
```
#1b3038
```
#1b3038 rgb(27,48,56)
```
#223b46
```
#223b46 rgb(34,59,70)
```
#284753
```
#284753 rgb(40,71,83)
```
#2e5260
```
#2e5260 rgb(46,82,96)
```
#355d6d
```
#355d6d rgb(53,93,109)
```
#3b687b
```
#3b687b rgb(59,104,123)
```
#427488
```
#427488 rgb(66,116,136)
```
#487f95
```
#487f95 rgb(72,127,149)
```
#4e8aa2
```
#4e8aa2 rgb(78,138,162)
```

Shade Color Variation

#5795ae
```
#5795ae rgb(87,149,174)
```
#649db4
```
#649db4 rgb(100,157,180)
```
#71a5ba
```
#71a5ba rgb(113,165,186)
```
#7eaec1
```
#7eaec1 rgb(126,174,193)
```
#8cb6c7
```
#8cb6c7 rgb(140,182,199)
```
#99bece
```
#99bece rgb(153,190,206)
```
#a6c7d4
```
#a6c7d4 rgb(166,199,212)
```
#b3cfda
```
#b3cfda rgb(179,207,218)
```
#c0d8e1
```
#c0d8e1 rgb(192,216,225)
```
#cee0e7
```
#cee0e7 rgb(206,224,231)
```
#dbe8ee
```
#dbe8ee rgb(219,232,238)
```
#e8f1f4
```
#e8f1f4 rgb(232,241,244)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7073 is the less saturated color, while #049cd9 is the most saturated one.

#6a7073
```
#6a7073 rgb(106,112,115)
```
#62747c
```
#62747c rgb(98,116,124)
```
#597884
```
#597884 rgb(89,120,132)
```
#517b8d
```
#517b8d rgb(81,123,141)
```
#487f95
```
#487f95 rgb(72,127,149)
```
#40839e
```
#40839e rgb(64,131,158)
```
#3786a6
```
#3786a6 rgb(55,134,166)
```
#2f8aaf
```
#2f8aaf rgb(47,138,175)
```
#268eb7
```
#268eb7 rgb(38,142,183)
```
#1e91c0
```
#1e91c0 rgb(30,145,192)
```
#1595c8
```
#1595c8 rgb(21,149,200)
```
#0d99d1
```
#0d99d1 rgb(13,153,209)
```
#049cd9
```
#049cd9 rgb(4,156,217)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#697478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797d95 Protanopia 1% of men
#797c9d Deuteranopia 1% of men
#4d8791 Tritanopia 0.001% of the population

Trichromacy

#677e95 Protanomaly 1% of men, 0.01% of women
#677d9a Deuteranomaly 6% of men, 0.4% of women
#4b8492 Tritanomaly 0.01% of the population