#488e87 hex color

In a RGB color space, hex #488e87 is composed of 28.2% red, 55.7% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 0% magenta, 4.9% yellow and 44.3% black. It has a hue angle of 174 degrees, a saturation of 32.7% and a lightness of 42%. #488e87 color hex could be obtained by blending #90ffff with #001d0f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 56
- B 53
RGB color chart
- C 49
- M 0
- Y 5
- K 44
CMYK color chart

● #488e87 color description : Dark moderate cyan.

The hexadecimal color #488e87 has RGB values of R:72, G:142, B:135 and CMYK values of C:0.49, M:0, Y:0.05, K:0.44. Its decimal value is 4755079.

Hex triplet	488e87	`#488e87`
RGB Decimal	72, 142, 135	`rgb(72,142,135)`
RGB Percent	28.2, 55.7, 52.9	`rgb(28.2%,55.7%,52.9%)`
CMYK	49, 0, 5, 44
HSL	174°, 32.7, 42	`hsl(174,32.7%,42%)`
HSV (or HSB)	174°, 49.3, 55.7
Web Safe	339999	`#339999`

CIE-LAB	54.524, -23.84, -3.083
XYZ	16.717, 22.472, 26.377
xyY	0.255, 0.343, 22.472
CIE-LCH	54.524, 24.039, 187.369
CIE-LUV	54.524, -30.749, -0.832
Hunter-Lab	47.405, -20.009, 0.193
Binary	01001000, 10001110, 10000111

#488e87
```
#488e87 rgb(72,142,135)
```
#8e484f
```
#8e484f rgb(142,72,79)
```

Complementary Color

#488e64
```
#488e64 rgb(72,142,100)
```
#488e87
```
#488e87 rgb(72,142,135)
```
#48728e
```
#48728e rgb(72,114,142)
```

Analogous Color

#8e6448
```
#8e6448 rgb(142,100,72)
```
#488e87
```
#488e87 rgb(72,142,135)
```
#8e4872
```
#8e4872 rgb(142,72,114)
```

Split Complementary Color

#8e8748
```
#8e8748 rgb(142,135,72)
```
#488e87
```
#488e87 rgb(72,142,135)
```
#87488e
```
#87488e rgb(135,72,142)
```

Triadic Color

#4f8e48
```
#4f8e48 rgb(79,142,72)
```
#488e87
```
#488e87 rgb(72,142,135)
```
#87488e
```
#87488e rgb(135,72,142)
```
#8e484f
```
#8e484f rgb(142,72,79)
```

Tetradic Color

#2e5b57
```
#2e5b57 rgb(46,91,87)
```
#376c67
```
#376c67 rgb(55,108,103)
```
#3f7d77
```
#3f7d77 rgb(63,125,119)
```
#488e87
```
#488e87 rgb(72,142,135)
```
#519f97
```
#519f97 rgb(81,159,151)
```
#5cada5
```
#5cada5 rgb(92,173,165)
```
#6db5ae
```
#6db5ae rgb(109,181,174)
```

Monochromatic Color

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

#488e76
```
#488e76 rgb(72,142,118)
```
#488e7b
```
#488e7b rgb(72,142,123)
```
#488e81
```
#488e81 rgb(72,142,129)
```
#488e87
```
#488e87 rgb(72,142,135)
```
#488e8d
```
#488e8d rgb(72,142,141)
```
#48898e
```
#48898e rgb(72,137,142)
```
#48848e
```
#48848e rgb(72,132,142)
```

Similar Colors

Text with hexadecimal color #488e87

This text has a font color of #488e87.

<span style="color:#488e87;">Text here</span>

#488e87 background color

This paragraph has a background color of #488e87.

<p style="background-color:#488e87;">Content here</p>

#488e87 border color

This element has a border color of #488e87.

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

CSS codes

.text {color:#488e87;}

.background {background-color:#488e87;}

.border {border:1px solid #488e87;}

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

#060c0b
```
#060c0b rgb(6,12,11)
```
#0d1918
```
#0d1918 rgb(13,25,24)
```
#132624
```
#132624 rgb(19,38,36)
```
#1a3330
```
#1a3330 rgb(26,51,48)
```
#20403d
```
#20403d rgb(32,64,61)
```
#274d49
```
#274d49 rgb(39,77,73)
```
#2e5a56
```
#2e5a56 rgb(46,90,86)
```
#346762
```
#346762 rgb(52,103,98)
```
#3b746e
```
#3b746e rgb(59,116,110)
```
#41817b
```
#41817b rgb(65,129,123)
```
#488e87
```
#488e87 rgb(72,142,135)
```
#4f9b93
```
#4f9b93 rgb(79,155,147)
```
#55a8a0
```
#55a8a0 rgb(85,168,160)
```

Shade Color Variation

#62afa7
```
#62afa7 rgb(98,175,167)
```
#6fb6af
```
#6fb6af rgb(111,182,175)
```
#7cbcb6
```
#7cbcb6 rgb(124,188,182)
```
#89c3bd
```
#89c3bd rgb(137,195,189)
```
#96cac4
```
#96cac4 rgb(150,202,196)
```
#a3d0cc
```
#a3d0cc rgb(163,208,204)
```
#b0d7d3
```
#b0d7d3 rgb(176,215,211)
```
#bdddda
```
#bdddda rgb(189,221,218)
```
#cae4e1
```
#cae4e1 rgb(202,228,225)
```
#d7ebe9
```
#d7ebe9 rgb(215,235,233)
```
#e4f1f0
```
#e4f1f0 rgb(228,241,240)
```
#f1f8f7
```
#f1f8f7 rgb(241,248,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#696d6d
```
#696d6d rgb(105,109,109)
```
#617573
```
#617573 rgb(97,117,115)
```
#587e7a
```
#587e7a rgb(88,126,122)
```
#508680
```
#508680 rgb(80,134,128)
```
#488e87
```
#488e87 rgb(72,142,135)
```
#40968e
```
#40968e rgb(64,150,142)
```
#389e94
```
#389e94 rgb(56,158,148)
```
#2fa79b
```
#2fa79b rgb(47,167,155)
```
#27afa1
```
#27afa1 rgb(39,175,161)
```
#1fb7a8
```
#1fb7a8 rgb(31,183,168)
```
#17bfaf
```
#17bfaf rgb(23,191,175)
```
#0ec8b5
```
#0ec8b5 rgb(14,200,181)
```
#06d0bc
```
#06d0bc rgb(6,208,188)
```

Tone Color Variation

Below, you can see how #488e87 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

#787878 Achromatopsia 0.005% of the population
#6e7c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8887 Protanopia 1% of men
#918592 Deuteranopia 1% of men
#57919c Tritanopia 0.001% of the population

Trichromacy

#738a87 Protanomaly 1% of men, 0.01% of women
#76888e Deuteranomaly 6% of men, 0.4% of women
#519094 Tritanomaly 0.01% of the population

#488e87 hex color

#488e87 Color Information

#488e87 Color Conversion

Color Schemes with #488e87

Alternatives to #488e87

#488e87 Preview

Shades and Tints of #488e87

Tones of #488e87

Color Blindness Simulator