#487b87 hex color

In a RGB color space, hex #487b87 is composed of 28.2% red, 48.2% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 8.9% magenta, 0% yellow and 47.1% black. It has a hue angle of 191.4 degrees, a saturation of 30.4% and a lightness of 40.6%. #487b87 color hex could be obtained by blending #90f6ff with #00000f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 48
- B 53
RGB color chart
- C 47
- M 9
- Y 0
- K 47
CMYK color chart

● #487b87 color description : Dark moderate cyan.

The hexadecimal color #487b87 has RGB values of R:72, G:123, B:135 and CMYK values of C:0.47, M:0.09, Y:0, K:0.47. Its decimal value is 4750215.

Hex triplet	487b87	`#487b87`
RGB Decimal	72, 123, 135	`rgb(72,123,135)`
RGB Percent	28.2, 48.2, 52.9	`rgb(28.2%,48.2%,52.9%)`
CMYK	47, 9, 0, 47
HSL	191.4°, 30.4, 40.6	`hsl(191.4,30.4%,40.6%)`
HSV (or HSB)	191.4°, 46.7, 52.9
Web Safe	336699	`#336699`

CIE-LAB	48.626, -13.703, -11.877
XYZ	14.127, 17.292, 25.514
xyY	0.248, 0.304, 17.292
CIE-LCH	48.626, 18.134, 220.917
CIE-LUV	48.626, -23.013, -15.01
Hunter-Lab	41.584, -12.129, -7.269
Binary	01001000, 01111011, 10000111

#487b87
```
#487b87 rgb(72,123,135)
```
#875448
```
#875448 rgb(135,84,72)
```

Complementary Color

#488774
```
#488774 rgb(72,135,116)
```
#487b87
```
#487b87 rgb(72,123,135)
```
#485c87
```
#485c87 rgb(72,92,135)
```

Analogous Color

#877448
```
#877448 rgb(135,116,72)
```
#487b87
```
#487b87 rgb(72,123,135)
```
#87485c
```
#87485c rgb(135,72,92)
```

Split Complementary Color

#7b8748
```
#7b8748 rgb(123,135,72)
```
#487b87
```
#487b87 rgb(72,123,135)
```
#87487b
```
#87487b rgb(135,72,123)
```

Triadic Color

#488754
```
#488754 rgb(72,135,84)
```
#487b87
```
#487b87 rgb(72,123,135)
```
#87487b
```
#87487b rgb(135,72,123)
```
#875448
```
#875448 rgb(135,84,72)
```

Tetradic Color

#2d4e55
```
#2d4e55 rgb(45,78,85)
```
#365d66
```
#365d66 rgb(54,93,102)
```
#3f6c76
```
#3f6c76 rgb(63,108,118)
```
#487b87
```
#487b87 rgb(72,123,135)
```
#518a98
```
#518a98 rgb(81,138,152)
```
#5b99a7
```
#5b99a7 rgb(91,153,167)
```
#6ba3b0
```
#6ba3b0 rgb(107,163,176)
```

Monochromatic Color

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

#488783
```
#488783 rgb(72,135,131)
```
#488687
```
#488687 rgb(72,134,135)
```
#488087
```
#488087 rgb(72,128,135)
```
#487b87
```
#487b87 rgb(72,123,135)
```
#487687
```
#487687 rgb(72,118,135)
```
#487187
```
#487187 rgb(72,113,135)
```
#486b87
```
#486b87 rgb(72,107,135)
```

Similar Colors

Text with hexadecimal color #487b87

This text has a font color of #487b87.

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

#487b87 background color

This paragraph has a background color of #487b87.

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

#487b87 border color

This element has a border color of #487b87.

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

CSS codes

.text {color:#487b87;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0b1214
```
#0b1214 rgb(11,18,20)
```
#111e21
```
#111e21 rgb(17,30,33)
```
#18292d
```
#18292d rgb(24,41,45)
```
#1f353a
```
#1f353a rgb(31,53,58)
```
#264147
```
#264147 rgb(38,65,71)
```
#2d4c54
```
#2d4c54 rgb(45,76,84)
```
#345861
```
#345861 rgb(52,88,97)
```
#3a646d
```
#3a646d rgb(58,100,109)
```
#416f7a
```
#416f7a rgb(65,111,122)
```
#487b87
```
#487b87 rgb(72,123,135)
```
#4f8794
```
#4f8794 rgb(79,135,148)
```
#5692a1
```
#5692a1 rgb(86,146,161)
```

Shade Color Variation

#609caa
```
#609caa rgb(96,156,170)
```
#6da4b1
```
#6da4b1 rgb(109,164,177)
```
#79acb8
```
#79acb8 rgb(121,172,184)
```
#86b4bf
```
#86b4bf rgb(134,180,191)
```
#93bcc5
```
#93bcc5 rgb(147,188,197)
```
#a0c4cc
```
#a0c4cc rgb(160,196,204)
```
#adccd3
```
#adccd3 rgb(173,204,211)
```
#b9d4da
```
#b9d4da rgb(185,212,218)
```
#c6dce1
```
#c6dce1 rgb(198,220,225)
```
#d3e4e7
```
#d3e4e7 rgb(211,228,231)
```
#e0ecee
```
#e0ecee rgb(224,236,238)
```
#ecf3f5
```
#ecf3f5 rgb(236,243,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606c6f is the less saturated color, while #00a7cf is the most saturated one.

#606c6f
```
#606c6f rgb(96,108,111)
```
#587177
```
#587177 rgb(88,113,119)
```
#50767f
```
#50767f rgb(80,118,127)
```
#487b87
```
#487b87 rgb(72,123,135)
```
#40808f
```
#40808f rgb(64,128,143)
```
#388597
```
#388597 rgb(56,133,151)
```
#308a9f
```
#308a9f rgb(48,138,159)
```
#288fa7
```
#288fa7 rgb(40,143,167)
```
#2094af
```
#2094af rgb(32,148,175)
```
#1899b7
```
#1899b7 rgb(24,153,183)
```
#109ebf
```
#109ebf rgb(16,158,191)
```
#08a2c7
```
#08a2c7 rgb(8,162,199)
```
#00a7cf
```
#00a7cf rgb(0,167,207)
```

Tone Color Variation

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

Dichromacy

#787988 Protanopia 1% of men
#7a7890 Deuteranopia 1% of men
#50828b Tritanopia 0.001% of the population

Trichromacy

#667a87 Protanomaly 1% of men, 0.01% of women
#68798d Deuteranomaly 6% of men, 0.4% of women
#4d7f89 Tritanomaly 0.01% of the population

#487b87 hex color

#487b87 Color Information

#487b87 Color Conversion

Color Schemes with #487b87

Alternatives to #487b87

#487b87 Preview

Shades and Tints of #487b87

Tones of #487b87

Color Blindness Simulator