#488b8f hex color

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

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

● #488b8f color description : Dark moderate cyan.

The hexadecimal color #488b8f has RGB values of R:72, G:139, B:143 and CMYK values of C:0.5, M:0.03, Y:0, K:0.44. Its decimal value is 4754319.

Hex triplet	488b8f	`#488b8f`
RGB Decimal	72, 139, 143	`rgb(72,139,143)`
RGB Percent	28.2, 54.5, 56.1	`rgb(28.2%,54.5%,56.1%)`
CMYK	50, 3, 0, 44
HSL	183.4°, 33, 42.2	`hsl(183.4,33%,42.2%)`
HSV (or HSB)	183.4°, 49.7, 56.1
Web Safe	339999	`#339999`

CIE-LAB	53.841, -20.091, -8.72
XYZ	16.862, 21.825, 29.309
xyY	0.248, 0.321, 21.825
CIE-LCH	53.841, 21.902, 203.461
CIE-LUV	53.841, -29.238, -9.674
Hunter-Lab	46.717, -17.329, -4.495
Binary	01001000, 10001011, 10001111

#488b8f
```
#488b8f rgb(72,139,143)
```
#8f4c48
```
#8f4c48 rgb(143,76,72)
```

Complementary Color

#488f70
```
#488f70 rgb(72,143,112)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#48688f
```
#48688f rgb(72,104,143)
```

Analogous Color

#8f7048
```
#8f7048 rgb(143,112,72)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#8f4868
```
#8f4868 rgb(143,72,104)
```

Split Complementary Color

#8b8f48
```
#8b8f48 rgb(139,143,72)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#8f488b
```
#8f488b rgb(143,72,139)
```

Triadic Color

#488f4c
```
#488f4c rgb(72,143,76)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#8f488b
```
#8f488b rgb(143,72,139)
```
#8f4c48
```
#8f4c48 rgb(143,76,72)
```

Tetradic Color

#2e5a5c
```
#2e5a5c rgb(46,90,92)
```
#376a6d
```
#376a6d rgb(55,106,109)
```
#3f7b7e
```
#3f7b7e rgb(63,123,126)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#519ba0
```
#519ba0 rgb(81,155,160)
```
#5da9ad
```
#5da9ad rgb(93,169,173)
```
#6eb2b6
```
#6eb2b6 rgb(110,178,182)
```

Monochromatic Color

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

#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)
```
#487f8f
```
#487f8f rgb(72,127,143)
```
#48798f
```
#48798f rgb(72,121,143)
```

Similar Colors

Text with hexadecimal color #488b8f

This text has a font color of #488b8f.

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

#488b8f background color

This paragraph has a background color of #488b8f.

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

#488b8f border color

This element has a border color of #488b8f.

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

CSS codes

.text {color:#488b8f;}

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

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

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

#060c0d
```
#060c0d rgb(6,12,13)
```
#0d191a
```
#0d191a rgb(13,25,26)
```
#132627
```
#132627 rgb(19,38,39)
```
#1a3234
```
#1a3234 rgb(26,50,52)
```
#213f41
```
#213f41 rgb(33,63,65)
```
#274c4e
```
#274c4e rgb(39,76,78)
```
#2e585b
```
#2e585b rgb(46,88,91)
```
#346568
```
#346568 rgb(52,101,104)
```
#3b7275
```
#3b7275 rgb(59,114,117)
```
#417e82
```
#417e82 rgb(65,126,130)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#4f989c
```
#4f989c rgb(79,152,156)
```
#55a4a9
```
#55a4a9 rgb(85,164,169)
```

Shade Color Variation

#62acb0
```
#62acb0 rgb(98,172,176)
```
#6fb2b6
```
#6fb2b6 rgb(111,178,182)
```
#7cb9bd
```
#7cb9bd rgb(124,185,189)
```
#89c0c4
```
#89c0c4 rgb(137,192,196)
```
#96c7ca
```
#96c7ca rgb(150,199,202)
```
#a3ced1
```
#a3ced1 rgb(163,206,209)
```
#b0d5d7
```
#b0d5d7 rgb(176,213,215)
```
#bddcde
```
#bddcde rgb(189,220,222)
```
#cae3e4
```
#cae3e4 rgb(202,227,228)
```
#d7eaeb
```
#d7eaeb rgb(215,234,235)
```
#e4f1f2
```
#e4f1f2 rgb(228,241,242)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#696e6e
```
#696e6e rgb(105,110,110)
```
#617576
```
#617576 rgb(97,117,118)
```
#597c7e
```
#597c7e rgb(89,124,126)
```
#508487
```
#508487 rgb(80,132,135)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#409297
```
#409297 rgb(64,146,151)
```
#379aa0
```
#379aa0 rgb(55,154,160)
```
#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#27a8b0
```
#27a8b0 rgb(39,168,176)
```
#1fb0b8
```
#1fb0b8 rgb(31,176,184)
```
#16b7c1
```
#16b7c1 rgb(22,183,193)
```
#0ebec9
```
#0ebec9 rgb(14,190,201)
```
#06c6d1
```
#06c6d1 rgb(6,198,209)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6e7b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#87868e Protanopia 1% of men
#8a8499 Deuteranopia 1% of men
#53909a Tritanopia 0.001% of the population

Trichromacy

#70888e Protanomaly 1% of men, 0.01% of women
#728695 Deuteranomaly 6% of men, 0.4% of women
#4f8e96 Tritanomaly 0.01% of the population

#488b8f hex color

#488b8f Color Information

#488b8f Color Conversion

Color Schemes with #488b8f

Alternatives to #488b8f

#488b8f Preview

Shades and Tints of #488b8f

Tones of #488b8f

Color Blindness Simulator