#487a8f hex color

In a RGB color space, hex #487a8f is composed of 28.2% red, 47.8% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 14.7% magenta, 0% yellow and 43.9% black. It has a hue angle of 197.7 degrees, a saturation of 33% and a lightness of 42.2%. #487a8f color hex could be obtained by blending #90f4ff with #00001f. Closest websafe color is: #336699.

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

● #487a8f color description : Dark moderate blue.

The hexadecimal color #487a8f has RGB values of R:72, G:122, B:143 and CMYK values of C:0.5, M:0.15, Y:0, K:0.44. Its decimal value is 4749967.

Hex triplet	487a8f	`#487a8f`
RGB Decimal	72, 122, 143	`rgb(72,122,143)`
RGB Percent	28.2, 47.8, 56.1	`rgb(28.2%,47.8%,56.1%)`
CMYK	50, 15, 0, 44
HSL	197.7°, 33, 42.2	`hsl(197.7,33%,42.2%)`
HSV (or HSB)	197.7°, 49.7, 56.1
Web Safe	336699	`#336699`

CIE-LAB	48.61, -10.782, -16.617
XYZ	14.589, 17.279, 28.552
xyY	0.241, 0.286, 17.279
CIE-LCH	48.61, 19.808, 237.022
CIE-LUV	48.61, -22.425, -22.543
Hunter-Lab	41.568, -10.098, -11.626
Binary	01001000, 01111010, 10001111

#487a8f
```
#487a8f rgb(72,122,143)
```
#8f5d48
```
#8f5d48 rgb(143,93,72)
```

Complementary Color

#488f81
```
#488f81 rgb(72,143,129)
```
#487a8f
```
#487a8f rgb(72,122,143)
```
#48578f
```
#48578f rgb(72,87,143)
```

Analogous Color

#8f8148
```
#8f8148 rgb(143,129,72)
```
#487a8f
```
#487a8f rgb(72,122,143)
```
#8f4857
```
#8f4857 rgb(143,72,87)
```

Split Complementary Color

#7a8f48
```
#7a8f48 rgb(122,143,72)
```
#487a8f
```
#487a8f rgb(72,122,143)
```
#8f487a
```
#8f487a rgb(143,72,122)
```

Triadic Color

#488f5d
```
#488f5d rgb(72,143,93)
```
#487a8f
```
#487a8f rgb(72,122,143)
```
#8f487a
```
#8f487a rgb(143,72,122)
```
#8f5d48
```
#8f5d48 rgb(143,93,72)
```

Tetradic Color

#2e4f5c
```
#2e4f5c rgb(46,79,92)
```
#375d6d
```
#375d6d rgb(55,93,109)
```
#3f6c7e
```
#3f6c7e rgb(63,108,126)
```
#487a8f
```
#487a8f rgb(72,122,143)
```
#5188a0
```
#5188a0 rgb(81,136,160)
```
#5d95ad
```
#5d95ad rgb(93,149,173)
```
#6ea0b6
```
#6ea0b6 rgb(110,160,182)
```

Monochromatic Color

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

#488c8f
```
#488c8f rgb(72,140,143)
```
#48868f
```
#48868f rgb(72,134,143)
```
#48808f
```
#48808f rgb(72,128,143)
```
#487a8f
```
#487a8f rgb(72,122,143)
```
#48748f
```
#48748f rgb(72,116,143)
```
#486e8f
```
#486e8f rgb(72,110,143)
```
#48688f
```
#48688f rgb(72,104,143)
```

Similar Colors

Text with hexadecimal color #487a8f

This text has a font color of #487a8f.

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

#487a8f background color

This paragraph has a background color of #487a8f.

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

#487a8f border color

This element has a border color of #487a8f.

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

CSS codes

.text {color:#487a8f;}

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

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

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

#060b0d
```
#060b0d rgb(6,11,13)
```
#0d161a
```
#0d161a rgb(13,22,26)
```
#132127
```
#132127 rgb(19,33,39)
```
#1a2c34
```
#1a2c34 rgb(26,44,52)
```
#213741
```
#213741 rgb(33,55,65)
```
#27424e
```
#27424e rgb(39,66,78)
```
#2e4d5b
```
#2e4d5b rgb(46,77,91)
```
#345968
```
#345968 rgb(52,89,104)
```
#3b6475
```
#3b6475 rgb(59,100,117)
```
#416f82
```
#416f82 rgb(65,111,130)
```
#487a8f
```
#487a8f rgb(72,122,143)
```
#4f859c
```
#4f859c rgb(79,133,156)
```
#5590a9
```
#5590a9 rgb(85,144,169)
```

Shade Color Variation

#6299b0
```
#6299b0 rgb(98,153,176)
```
#6fa1b6
```
#6fa1b6 rgb(111,161,182)
```
#7caabd
```
#7caabd rgb(124,170,189)
```
#89b2c4
```
#89b2c4 rgb(137,178,196)
```
#96bbca
```
#96bbca rgb(150,187,202)
```
#a3c3d1
```
#a3c3d1 rgb(163,195,209)
```
#b0ccd7
```
#b0ccd7 rgb(176,204,215)
```
#bdd4de
```
#bdd4de rgb(189,212,222)
```
#cadde4
```
#cadde4 rgb(202,221,228)
```
#d7e5eb
```
#d7e5eb rgb(215,229,235)
```
#e4eef2
```
#e4eef2 rgb(228,238,242)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#696c6e
```
#696c6e rgb(105,108,110)
```
#617076
```
#617076 rgb(97,112,118)
```
#59737e
```
#59737e rgb(89,115,126)
```
#507787
```
#507787 rgb(80,119,135)
```
#487a8f
```
#487a8f rgb(72,122,143)
```
#407d97
```
#407d97 rgb(64,125,151)
```
#3781a0
```
#3781a0 rgb(55,129,160)
```
#2f84a8
```
#2f84a8 rgb(47,132,168)
```
#2788b0
```
#2788b0 rgb(39,136,176)
```
#1f8bb8
```
#1f8bb8 rgb(31,139,184)
```
#168ec1
```
#168ec1 rgb(22,142,193)
```
#0e92c9
```
#0e92c9 rgb(14,146,201)
```
#0695d1
```
#0695d1 rgb(6,149,209)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#667074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757990 Protanopia 1% of men
#757897 Deuteranopia 1% of men
#4d828c Tritanopia 0.001% of the population

Trichromacy

#65798f Protanomaly 1% of men, 0.01% of women
#657994 Deuteranomaly 6% of men, 0.4% of women
#4b7f8d Tritanomaly 0.01% of the population

#487a8f hex color

#487a8f Color Information

#487a8f Color Conversion

Color Schemes with #487a8f

Alternatives to #487a8f

#487a8f Preview

Shades and Tints of #487a8f

Tones of #487a8f

Color Blindness Simulator