#488a6e hex color

In a RGB color space, hex #488a6e is composed of 28.2% red, 54.1% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 0% magenta, 20.3% yellow and 45.9% black. It has a hue angle of 154.5 degrees, a saturation of 31.4% and a lightness of 41.2%. #488a6e color hex could be obtained by blending #90ffdc with #001500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 54
- B 43
RGB color chart
- C 48
- M 0
- Y 20
- K 46
CMYK color chart

● #488a6e color description : Dark moderate cyan - lime green.

The hexadecimal color #488a6e has RGB values of R:72, G:138, B:110 and CMYK values of C:0.48, M:0, Y:0.2, K:0.46. Its decimal value is 4754030.

Hex triplet	488a6e	`#488a6e`
RGB Decimal	72, 138, 110	`rgb(72,138,110)`
RGB Percent	28.2, 54.1, 43.1	`rgb(28.2%,54.1%,43.1%)`
CMYK	48, 0, 20, 46
HSL	154.5°, 31.4, 41.2	`hsl(154.5,31.4%,41.2%)`
HSV (or HSB)	154.5°, 47.8, 54.1
Web Safe	339966	`#339966`

CIE-LAB	52.597, -28.055, 8.557
XYZ	14.574, 20.68, 17.975
xyY	0.274, 0.389, 20.68
CIE-LCH	52.597, 29.33, 163.039
CIE-LUV	52.597, -30.013, 15.819
Hunter-Lab	45.475, -22.372, 8.397
Binary	01001000, 10001010, 01101110

#488a6e
```
#488a6e rgb(72,138,110)
```
#8a4864
```
#8a4864 rgb(138,72,100)
```

Complementary Color

#488a4d
```
#488a4d rgb(72,138,77)
```
#488a6e
```
#488a6e rgb(72,138,110)
```
#48858a
```
#48858a rgb(72,133,138)
```

Analogous Color

#8a4d48
```
#8a4d48 rgb(138,77,72)
```
#488a6e
```
#488a6e rgb(72,138,110)
```
#8a4885
```
#8a4885 rgb(138,72,133)
```

Split Complementary Color

#8a6e48
```
#8a6e48 rgb(138,110,72)
```
#488a6e
```
#488a6e rgb(72,138,110)
```
#6e488a
```
#6e488a rgb(110,72,138)
```

Triadic Color

#648a48
```
#648a48 rgb(100,138,72)
```
#488a6e
```
#488a6e rgb(72,138,110)
```
#6e488a
```
#6e488a rgb(110,72,138)
```
#8a4864
```
#8a4864 rgb(138,72,100)
```

Tetradic Color

#2e5846
```
#2e5846 rgb(46,88,70)
```
#376853
```
#376853 rgb(55,104,83)
```
#3f7961
```
#3f7961 rgb(63,121,97)
```
#488a6e
```
#488a6e rgb(72,138,110)
```
#519b7b
```
#519b7b rgb(81,155,123)
```
#5baa88
```
#5baa88 rgb(91,170,136)
```
#6cb295
```
#6cb295 rgb(108,178,149)
```

Monochromatic Color

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

#488a5e
```
#488a5e rgb(72,138,94)
```
#488a63
```
#488a63 rgb(72,138,99)
```
#488a69
```
#488a69 rgb(72,138,105)
```
#488a6e
```
#488a6e rgb(72,138,110)
```
#488a74
```
#488a74 rgb(72,138,116)
```
#488a79
```
#488a79 rgb(72,138,121)
```
#488a7f
```
#488a7f rgb(72,138,127)
```

Similar Colors

Text with hexadecimal color #488a6e

This text has a font color of #488a6e.

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

#488a6e background color

This paragraph has a background color of #488a6e.

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

#488a6e border color

This element has a border color of #488a6e.

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

CSS codes

.text {color:#488a6e;}

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

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

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

#050907
```
#050907 rgb(5,9,7)
```
#0b1612
```
#0b1612 rgb(11,22,18)
```
#12231c
```
#12231c rgb(18,35,28)
```
#193026
```
#193026 rgb(25,48,38)
```
#203d30
```
#203d30 rgb(32,61,48)
```
#264a3b
```
#264a3b rgb(38,74,59)
```
#2d5645
```
#2d5645 rgb(45,86,69)
```
#34634f
```
#34634f rgb(52,99,79)
```
#3b7059
```
#3b7059 rgb(59,112,89)
```
#417d64
```
#417d64 rgb(65,125,100)
```
#488a6e
```
#488a6e rgb(72,138,110)
```
#4f9778
```
#4f9778 rgb(79,151,120)
```
#55a483
```
#55a483 rgb(85,164,131)
```

Shade Color Variation

#61ac8c
```
#61ac8c rgb(97,172,140)
```
#6db396
```
#6db396 rgb(109,179,150)
```
#7aba9f
```
#7aba9f rgb(122,186,159)
```
#87c0a8
```
#87c0a8 rgb(135,192,168)
```
#94c7b2
```
#94c7b2 rgb(148,199,178)
```
#a1cebb
```
#a1cebb rgb(161,206,187)
```
#aed5c4
```
#aed5c4 rgb(174,213,196)
```
#bbdbce
```
#bbdbce rgb(187,219,206)
```
#c8e2d7
```
#c8e2d7 rgb(200,226,215)
```
#d5e9e0
```
#d5e9e0 rgb(213,233,224)
```
#e1f0ea
```
#e1f0ea rgb(225,240,234)
```
#eef6f3
```
#eef6f3 rgb(238,246,243)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686a69 is the less saturated color, while #07cb78 is the most saturated one.

#686a69
```
#686a69 rgb(104,106,105)
```
#60726a
```
#60726a rgb(96,114,106)
```
#587a6c
```
#587a6c rgb(88,122,108)
```
#50826d
```
#50826d rgb(80,130,109)
```
#488a6e
```
#488a6e rgb(72,138,110)
```
#40926f
```
#40926f rgb(64,146,111)
```
#389a70
```
#389a70 rgb(56,154,112)
```
#30a272
```
#30a272 rgb(48,162,114)
```
#28aa73
```
#28aa73 rgb(40,170,115)
```
#20b274
```
#20b274 rgb(32,178,116)
```
#18ba75
```
#18ba75 rgb(24,186,117)
```
#0fc377
```
#0fc377 rgb(15,195,119)
```
#07cb78
```
#07cb78 rgb(7,203,120)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6a7872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b836f Protanopia 1% of men
#937f7b Deuteranopia 1% of men
#5b8b95 Tritanopia 0.001% of the population

Trichromacy

#72866f Protanomaly 1% of men, 0.01% of women
#788376 Deuteranomaly 6% of men, 0.4% of women
#548a87 Tritanomaly 0.01% of the population

#488a6e hex color

#488a6e Color Information

#488a6e Color Conversion

Color Schemes with #488a6e

Alternatives to #488a6e

#488a6e Preview

Shades and Tints of #488a6e

Tones of #488a6e

Color Blindness Simulator