#488d8f hex color

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

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

● #488d8f color description : Dark moderate cyan.

The hexadecimal color #488d8f has RGB values of R:72, G:141, B:143 and CMYK values of C:0.5, M:0.01, Y:0, K:0.44. Its decimal value is 4754831.

Hex triplet	488d8f	`#488d8f`
RGB Decimal	72, 141, 143	`rgb(72,141,143)`
RGB Percent	28.2, 55.3, 56.1	`rgb(28.2%,55.3%,56.1%)`
CMYK	50, 1, 0, 44
HSL	181.7°, 33, 42.2	`hsl(181.7,33%,42.2%)`
HSV (or HSB)	181.7°, 49.7, 56.1
Web Safe	339999	`#339999`

CIE-LAB	54.459, -21.141, -7.797
XYZ	17.154, 22.409, 29.407
xyY	0.249, 0.325, 22.409
CIE-LCH	54.459, 22.533, 200.245
CIE-LUV	54.459, -30.039, -8.166
Hunter-Lab	47.339, -18.16, -3.694
Binary	01001000, 10001101, 10001111

#488d8f
```
#488d8f rgb(72,141,143)
```
#8f4a48
```
#8f4a48 rgb(143,74,72)
```

Complementary Color

#488f6e
```
#488f6e rgb(72,143,110)
```
#488d8f
```
#488d8f rgb(72,141,143)
```
#486a8f
```
#486a8f rgb(72,106,143)
```

Analogous Color

#8f6e48
```
#8f6e48 rgb(143,110,72)
```
#488d8f
```
#488d8f rgb(72,141,143)
```
#8f486a
```
#8f486a rgb(143,72,106)
```

Split Complementary Color

#8d8f48
```
#8d8f48 rgb(141,143,72)
```
#488d8f
```
#488d8f rgb(72,141,143)
```
#8f488d
```
#8f488d rgb(143,72,141)
```

Triadic Color

#488f4a
```
#488f4a rgb(72,143,74)
```
#488d8f
```
#488d8f rgb(72,141,143)
```
#8f488d
```
#8f488d rgb(143,72,141)
```
#8f4a48
```
#8f4a48 rgb(143,74,72)
```

Tetradic Color

#2e5b5c
```
#2e5b5c rgb(46,91,92)
```
#376c6d
```
#376c6d rgb(55,108,109)
```
#3f7c7e
```
#3f7c7e rgb(63,124,126)
```
#488d8f
```
#488d8f rgb(72,141,143)
```
#519ea0
```
#519ea0 rgb(81,158,160)
```
#5dabad
```
#5dabad rgb(93,171,173)
```
#6eb4b6
```
#6eb4b6 rgb(110,180,182)
```

Monochromatic Color

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

#488f7f
```
#488f7f rgb(72,143,127)
```
#488f85
```
#488f85 rgb(72,143,133)
```
#488f8b
```
#488f8b rgb(72,143,139)
```
#488d8f
```
#488d8f rgb(72,141,143)
```
#48878f
```
#48878f rgb(72,135,143)
```
#48818f
```
#48818f rgb(72,129,143)
```
#487b8f
```
#487b8f rgb(72,123,143)
```

Similar Colors

Text with hexadecimal color #488d8f

This text has a font color of #488d8f.

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

#488d8f background color

This paragraph has a background color of #488d8f.

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

#488d8f border color

This element has a border color of #488d8f.

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

CSS codes

.text {color:#488d8f;}

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

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

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)
```
#1a3334
```
#1a3334 rgb(26,51,52)
```
#214041
```
#214041 rgb(33,64,65)
```
#274d4e
```
#274d4e rgb(39,77,78)
```
#2e5a5b
```
#2e5a5b rgb(46,90,91)
```
#346668
```
#346668 rgb(52,102,104)
```
#3b7375
```
#3b7375 rgb(59,115,117)
```
#418082
```
#418082 rgb(65,128,130)
```
#488d8f
```
#488d8f rgb(72,141,143)
```
#4f9a9c
```
#4f9a9c rgb(79,154,156)
```
#55a7a9
```
#55a7a9 rgb(85,167,169)
```

Shade Color Variation

#62aeb0
```
#62aeb0 rgb(98,174,176)
```
#6fb4b6
```
#6fb4b6 rgb(111,180,182)
```
#7cbbbd
```
#7cbbbd rgb(124,187,189)
```
#89c2c4
```
#89c2c4 rgb(137,194,196)
```
#96c9ca
```
#96c9ca rgb(150,201,202)
```
#a3cfd1
```
#a3cfd1 rgb(163,207,209)
```
#b0d6d7
```
#b0d6d7 rgb(176,214,215)
```
#bdddde
```
#bdddde rgb(189,221,222)
```
#cae4e4
```
#cae4e4 rgb(202,228,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 #06cbd1 is the most saturated one.

#696e6e
```
#696e6e rgb(105,110,110)
```
#617676
```
#617676 rgb(97,118,118)
```
#597d7e
```
#597d7e rgb(89,125,126)
```
#508587
```
#508587 rgb(80,133,135)
```
#488d8f
```
#488d8f rgb(72,141,143)
```
#409597
```
#409597 rgb(64,149,151)
```
#379da0
```
#379da0 rgb(55,157,160)
```
#2fa4a8
```
#2fa4a8 rgb(47,164,168)
```
#27acb0
```
#27acb0 rgb(39,172,176)
```
#1fb4b8
```
#1fb4b8 rgb(31,180,184)
```
#16bcc1
```
#16bcc1 rgb(22,188,193)
```
#0ec4c9
```
#0ec4c9 rgb(14,196,201)
```
#06cbd1
```
#06cbd1 rgb(6,203,209)
```

Tone Color Variation

Below, you can see how #488d8f 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
#6f7d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#89878e Protanopia 1% of men
#8d8599 Deuteranopia 1% of men
#54919c Tritanopia 0.001% of the population

Trichromacy

#71898e Protanomaly 1% of men, 0.01% of women
#738895 Deuteranomaly 6% of men, 0.4% of women
#509097 Tritanomaly 0.01% of the population

#488d8f hex color

#488d8f Color Information

#488d8f Color Conversion

Color Schemes with #488d8f

Alternatives to #488d8f

#488d8f Preview

Shades and Tints of #488d8f

Tones of #488d8f

Color Blindness Simulator