#487b88 hex color

In a RGB color space, hex #487b88 is composed of 28.2% red, 48.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 9.6% magenta, 0% yellow and 46.7% black. It has a hue angle of 192.2 degrees, a saturation of 30.8% and a lightness of 40.8%. #487b88 color hex could be obtained by blending #90f6ff with #000011. Closest websafe color is: #336699.

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

● #487b88 color description : Dark moderate cyan.

The hexadecimal color #487b88 has RGB values of R:72, G:123, B:136 and CMYK values of C:0.47, M:0.1, Y:0, K:0.47. Its decimal value is 4750216.

Hex triplet	487b88	`#487b88`
RGB Decimal	72, 123, 136	`rgb(72,123,136)`
RGB Percent	28.2, 48.2, 53.3	`rgb(28.2%,48.2%,53.3%)`
CMYK	47, 10, 0, 47
HSL	192.2°, 30.8, 40.8	`hsl(192.2,30.8%,40.8%)`
HSV (or HSB)	192.2°, 47.1, 53.3
Web Safe	336699	`#336699`

CIE-LAB	48.661, -13.413, -12.414
XYZ	14.198, 17.32, 25.886
xyY	0.247, 0.302, 17.32
CIE-LCH	48.661, 18.276, 222.783
CIE-LUV	48.661, -22.989, -15.853
Hunter-Lab	41.618, -11.934, -7.746
Binary	01001000, 01111011, 10001000

#487b88
```
#487b88 rgb(72,123,136)
```
#885548
```
#885548 rgb(136,85,72)
```

Complementary Color

#488875
```
#488875 rgb(72,136,117)
```
#487b88
```
#487b88 rgb(72,123,136)
```
#485b88
```
#485b88 rgb(72,91,136)
```

Analogous Color

#887548
```
#887548 rgb(136,117,72)
```
#487b88
```
#487b88 rgb(72,123,136)
```
#88485b
```
#88485b rgb(136,72,91)
```

Split Complementary Color

#7b8848
```
#7b8848 rgb(123,136,72)
```
#487b88
```
#487b88 rgb(72,123,136)
```
#88487b
```
#88487b rgb(136,72,123)
```

Triadic Color

#488855
```
#488855 rgb(72,136,85)
```
#487b88
```
#487b88 rgb(72,123,136)
```
#88487b
```
#88487b rgb(136,72,123)
```
#885548
```
#885548 rgb(136,85,72)
```

Tetradic Color

#2e4e56
```
#2e4e56 rgb(46,78,86)
```
#365d67
```
#365d67 rgb(54,93,103)
```
#3f6c77
```
#3f6c77 rgb(63,108,119)
```
#487b88
```
#487b88 rgb(72,123,136)
```
#518a99
```
#518a99 rgb(81,138,153)
```
#5b98a8
```
#5b98a8 rgb(91,152,168)
```
#6ca3b1
```
#6ca3b1 rgb(108,163,177)
```

Monochromatic Color

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

#488885
```
#488885 rgb(72,136,133)
```
#488688
```
#488688 rgb(72,134,136)
```
#488088
```
#488088 rgb(72,128,136)
```
#487b88
```
#487b88 rgb(72,123,136)
```
#487688
```
#487688 rgb(72,118,136)
```
#487088
```
#487088 rgb(72,112,136)
```
#486b88
```
#486b88 rgb(72,107,136)
```

Similar Colors

Text with hexadecimal color #487b88

This text has a font color of #487b88.

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

#487b88 background color

This paragraph has a background color of #487b88.

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

#487b88 border color

This element has a border color of #487b88.

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

CSS codes

.text {color:#487b88;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0b1315
```
#0b1315 rgb(11,19,21)
```
#121e21
```
#121e21 rgb(18,30,33)
```
#182a2e
```
#182a2e rgb(24,42,46)
```
#1f353b
```
#1f353b rgb(31,53,59)
```
#264148
```
#264148 rgb(38,65,72)
```
#2d4d55
```
#2d4d55 rgb(45,77,85)
```
#345862
```
#345862 rgb(52,88,98)
```
#3a646e
```
#3a646e rgb(58,100,110)
```
#416f7b
```
#416f7b rgb(65,111,123)
```
#487b88
```
#487b88 rgb(72,123,136)
```
#4f8795
```
#4f8795 rgb(79,135,149)
```
#5692a2
```
#5692a2 rgb(86,146,162)
```

Shade Color Variation

#609cab
```
#609cab rgb(96,156,171)
```
#6da4b2
```
#6da4b2 rgb(109,164,178)
```
#7aacb8
```
#7aacb8 rgb(122,172,184)
```
#86b4bf
```
#86b4bf rgb(134,180,191)
```
#93bcc6
```
#93bcc6 rgb(147,188,198)
```
#a0c4cd
```
#a0c4cd rgb(160,196,205)
```
#adccd4
```
#adccd4 rgb(173,204,212)
```
#bad4da
```
#bad4da rgb(186,212,218)
```
#c7dce1
```
#c7dce1 rgb(199,220,225)
```
#d3e4e8
```
#d3e4e8 rgb(211,228,232)
```
#e0ecef
```
#e0ecef rgb(224,236,239)
```
#edf4f6
```
#edf4f6 rgb(237,244,246)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#606d70
```
#606d70 rgb(96,109,112)
```
#587278
```
#587278 rgb(88,114,120)
```
#507680
```
#507680 rgb(80,118,128)
```
#487b88
```
#487b88 rgb(72,123,136)
```
#408090
```
#408090 rgb(64,128,144)
```
#388598
```
#388598 rgb(56,133,152)
```
#3089a0
```
#3089a0 rgb(48,137,160)
```
#288ea8
```
#288ea8 rgb(40,142,168)
```
#2093b0
```
#2093b0 rgb(32,147,176)
```
#1898b8
```
#1898b8 rgb(24,152,184)
```
#109cc0
```
#109cc0 rgb(16,156,192)
```
#08a1c8
```
#08a1c8 rgb(8,161,200)
```
#00a6d0
```
#00a6d0 rgb(0,166,208)
```

Tone Color Variation

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

#787989 Protanopia 1% of men
#7a7891 Deuteranopia 1% of men
#50828b Tritanopia 0.001% of the population

Trichromacy

#667a88 Protanomaly 1% of men, 0.01% of women
#67798e Deuteranomaly 6% of men, 0.4% of women
#4d7f8a Tritanomaly 0.01% of the population

#487b88 hex color

#487b88 Color Information

#487b88 Color Conversion

Color Schemes with #487b88

Alternatives to #487b88

#487b88 Preview

Shades and Tints of #487b88

Tones of #487b88

Color Blindness Simulator