#488f87 hex color

In a RGB color space, hex #488f87 is composed of 28.2% red, 56.1% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 0% magenta, 5.6% yellow and 43.9% black. It has a hue angle of 173.2 degrees, a saturation of 33% and a lightness of 42.2%. #488f87 color hex could be obtained by blending #90ffff with #001f0f. Closest websafe color is: #339999.

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

● #488f87 color description : Dark moderate cyan.

The hexadecimal color #488f87 has RGB values of R:72, G:143, B:135 and CMYK values of C:0.5, M:0, Y:0.06, K:0.44. Its decimal value is 4755335.

Hex triplet	488f87	`#488f87`
RGB Decimal	72, 143, 135	`rgb(72,143,135)`
RGB Percent	28.2, 56.1, 52.9	`rgb(28.2%,56.1%,52.9%)`
CMYK	50, 0, 6, 44
HSL	173.2°, 33, 42.2	`hsl(173.2,33%,42.2%)`
HSV (or HSB)	173.2°, 49.7, 56.1
Web Safe	339999	`#339999`

CIE-LAB	54.835, -24.35, -2.625
XYZ	16.867, 22.771, 26.427
xyY	0.255, 0.345, 22.771
CIE-LCH	54.835, 24.491, 186.153
CIE-LUV	54.835, -31.154, -0.094
Hunter-Lab	47.719, -20.415, 0.568
Binary	01001000, 10001111, 10000111

#488f87
```
#488f87 rgb(72,143,135)
```
#8f4850
```
#8f4850 rgb(143,72,80)
```

Complementary Color

#488f64
```
#488f64 rgb(72,143,100)
```
#488f87
```
#488f87 rgb(72,143,135)
```
#48748f
```
#48748f rgb(72,116,143)
```

Analogous Color

#8f6448
```
#8f6448 rgb(143,100,72)
```
#488f87
```
#488f87 rgb(72,143,135)
```
#8f4874
```
#8f4874 rgb(143,72,116)
```

Split Complementary Color

#8f8748
```
#8f8748 rgb(143,135,72)
```
#488f87
```
#488f87 rgb(72,143,135)
```
#87488f
```
#87488f rgb(135,72,143)
```

Triadic Color

#508f48
```
#508f48 rgb(80,143,72)
```
#488f87
```
#488f87 rgb(72,143,135)
```
#87488f
```
#87488f rgb(135,72,143)
```
#8f4850
```
#8f4850 rgb(143,72,80)
```

Tetradic Color

#2e5c57
```
#2e5c57 rgb(46,92,87)
```
#376d67
```
#376d67 rgb(55,109,103)
```
#3f7e77
```
#3f7e77 rgb(63,126,119)
```
#488f87
```
#488f87 rgb(72,143,135)
```
#51a097
```
#51a097 rgb(81,160,151)
```
#5dada4
```
#5dada4 rgb(93,173,164)
```
#6eb6ae
```
#6eb6ae rgb(110,182,174)
```

Monochromatic Color

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

#488f75
```
#488f75 rgb(72,143,117)
```
#488f7b
```
#488f7b rgb(72,143,123)
```
#488f81
```
#488f81 rgb(72,143,129)
```
#488f87
```
#488f87 rgb(72,143,135)
```
#488f8d
```
#488f8d rgb(72,143,141)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#48858f
```
#48858f rgb(72,133,143)
```

Similar Colors

Text with hexadecimal color #488f87

This text has a font color of #488f87.

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

#488f87 background color

This paragraph has a background color of #488f87.

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

#488f87 border color

This element has a border color of #488f87.

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

CSS codes

.text {color:#488f87;}

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

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

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

#060d0c
```
#060d0c rgb(6,13,12)
```
#0d1a18
```
#0d1a18 rgb(13,26,24)
```
#132724
```
#132724 rgb(19,39,36)
```
#1a3431
```
#1a3431 rgb(26,52,49)
```
#21413d
```
#21413d rgb(33,65,61)
```
#274e49
```
#274e49 rgb(39,78,73)
```
#2e5b56
```
#2e5b56 rgb(46,91,86)
```
#346862
```
#346862 rgb(52,104,98)
```
#3b756e
```
#3b756e rgb(59,117,110)
```
#41827b
```
#41827b rgb(65,130,123)
```
#488f87
```
#488f87 rgb(72,143,135)
```
#4f9c93
```
#4f9c93 rgb(79,156,147)
```
#55a9a0
```
#55a9a0 rgb(85,169,160)
```

Shade Color Variation

#62b0a7
```
#62b0a7 rgb(98,176,167)
```
#6fb6ae
```
#6fb6ae rgb(111,182,174)
```
#7cbdb6
```
#7cbdb6 rgb(124,189,182)
```
#89c4bd
```
#89c4bd rgb(137,196,189)
```
#96cac4
```
#96cac4 rgb(150,202,196)
```
#a3d1cc
```
#a3d1cc rgb(163,209,204)
```
#b0d7d3
```
#b0d7d3 rgb(176,215,211)
```
#bddeda
```
#bddeda rgb(189,222,218)
```
#cae4e2
```
#cae4e2 rgb(202,228,226)
```
#d7ebe9
```
#d7ebe9 rgb(215,235,233)
```
#e4f2f0
```
#e4f2f0 rgb(228,242,240)
```
#f1f8f7
```
#f1f8f7 rgb(241,248,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#696e6d
```
#696e6d rgb(105,110,109)
```
#617674
```
#617674 rgb(97,118,116)
```
#597e7a
```
#597e7a rgb(89,126,122)
```
#508781
```
#508781 rgb(80,135,129)
```
#488f87
```
#488f87 rgb(72,143,135)
```
#40978d
```
#40978d rgb(64,151,141)
```
#37a094
```
#37a094 rgb(55,160,148)
```
#2fa89a
```
#2fa89a rgb(47,168,154)
```
#27b0a1
```
#27b0a1 rgb(39,176,161)
```
#1fb8a7
```
#1fb8a7 rgb(31,184,167)
```
#16c1ad
```
#16c1ad rgb(22,193,173)
```
#0ec9b4
```
#0ec9b4 rgb(14,201,180)
```
#06d1ba
```
#06d1ba rgb(6,209,186)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6f7d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8986 Protanopia 1% of men
#928592 Deuteranopia 1% of men
#57929d Tritanopia 0.001% of the population

Trichromacy

#738b86 Protanomaly 1% of men, 0.01% of women
#77898e Deuteranomaly 6% of men, 0.4% of women
#519195 Tritanomaly 0.01% of the population

#488f87 hex color

#488f87 Color Information

#488f87 Color Conversion

Color Schemes with #488f87

Alternatives to #488f87

#488f87 Preview

Shades and Tints of #488f87

Tones of #488f87

Color Blindness Simulator