#488a5a hex color

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

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

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

The hexadecimal color #488a5a has RGB values of R:72, G:138, B:90 and CMYK values of C:0.48, M:0, Y:0.35, K:0.46. Its decimal value is 4754010.

Hex triplet	488a5a	`#488a5a`
RGB Decimal	72, 138, 90	`rgb(72,138,90)`
RGB Percent	28.2, 54.1, 35.3	`rgb(28.2%,54.1%,35.3%)`
CMYK	48, 0, 35, 46
HSL	136.4°, 31.4, 41.2	`hsl(136.4,31.4%,41.2%)`
HSV (or HSB)	136.4°, 47.8, 54.1
Web Safe	339966	`#339966`

CIE-LAB	52.166, -32.262, 19.369
XYZ	13.606, 20.292, 12.872
xyY	0.291, 0.434, 20.292
CIE-LCH	52.166, 37.63, 149.021
CIE-LUV	52.166, -30.67, 29.702
Hunter-Lab	45.047, -24.918, 14.591
Binary	01001000, 10001010, 01011010

#488a5a
```
#488a5a rgb(72,138,90)
```
#8a4878
```
#8a4878 rgb(138,72,120)
```

Complementary Color

#578a48
```
#578a48 rgb(87,138,72)
```
#488a5a
```
#488a5a rgb(72,138,90)
```
#488a7b
```
#488a7b rgb(72,138,123)
```

Analogous Color

#8a4857
```
#8a4857 rgb(138,72,87)
```
#488a5a
```
#488a5a rgb(72,138,90)
```
#7b488a
```
#7b488a rgb(123,72,138)
```

Split Complementary Color

#8a5a48
```
#8a5a48 rgb(138,90,72)
```
#488a5a
```
#488a5a rgb(72,138,90)
```
#5a488a
```
#5a488a rgb(90,72,138)
```

Triadic Color

#788a48
```
#788a48 rgb(120,138,72)
```
#488a5a
```
#488a5a rgb(72,138,90)
```
#5a488a
```
#5a488a rgb(90,72,138)
```
#8a4878
```
#8a4878 rgb(138,72,120)
```

Tetradic Color

#2e5839
```
#2e5839 rgb(46,88,57)
```
#376844
```
#376844 rgb(55,104,68)
```
#3f794f
```
#3f794f rgb(63,121,79)
```
#488a5a
```
#488a5a rgb(72,138,90)
```
#519b65
```
#519b65 rgb(81,155,101)
```
#5baa71
```
#5baa71 rgb(91,170,113)
```
#6cb27f
```
#6cb27f rgb(108,178,127)
```

Monochromatic Color

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

#488a4a
```
#488a4a rgb(72,138,74)
```
#488a4f
```
#488a4f rgb(72,138,79)
```
#488a55
```
#488a55 rgb(72,138,85)
```
#488a5a
```
#488a5a rgb(72,138,90)
```
#488a60
```
#488a60 rgb(72,138,96)
```
#488a65
```
#488a65 rgb(72,138,101)
```
#488a6b
```
#488a6b rgb(72,138,107)
```

Similar Colors

Text with hexadecimal color #488a5a

This text has a font color of #488a5a.

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

#488a5a background color

This paragraph has a background color of #488a5a.

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

#488a5a border color

This element has a border color of #488a5a.

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

CSS codes

.text {color:#488a5a;}

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

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

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

#050906
```
#050906 rgb(5,9,6)
```
#0b160e
```
#0b160e rgb(11,22,14)
```
#122317
```
#122317 rgb(18,35,23)
```
#19301f
```
#19301f rgb(25,48,31)
```
#203d28
```
#203d28 rgb(32,61,40)
```
#264a30
```
#264a30 rgb(38,74,48)
```
#2d5638
```
#2d5638 rgb(45,86,56)
```
#346341
```
#346341 rgb(52,99,65)
```
#3b7049
```
#3b7049 rgb(59,112,73)
```
#417d52
```
#417d52 rgb(65,125,82)
```
#488a5a
```
#488a5a rgb(72,138,90)
```
#4f9762
```
#4f9762 rgb(79,151,98)
```
#55a46b
```
#55a46b rgb(85,164,107)
```

Shade Color Variation

#61ac75
```
#61ac75 rgb(97,172,117)
```
#6db380
```
#6db380 rgb(109,179,128)
```
#7aba8c
```
#7aba8c rgb(122,186,140)
```
#87c097
```
#87c097 rgb(135,192,151)
```
#94c7a2
```
#94c7a2 rgb(148,199,162)
```
#a1cead
```
#a1cead rgb(161,206,173)
```
#aed5b8
```
#aed5b8 rgb(174,213,184)
```
#bbdbc4
```
#bbdbc4 rgb(187,219,196)
```
#c8e2cf
```
#c8e2cf rgb(200,226,207)
```
#d5e9da
```
#d5e9da rgb(213,233,218)
```
#e1f0e5
```
#e1f0e5 rgb(225,240,229)
```
#eef6f0
```
#eef6f0 rgb(238,246,240)
```
#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 #07cb3d is the most saturated one.

#686a69
```
#686a69 rgb(104,106,105)
```
#607265
```
#607265 rgb(96,114,101)
```
#587a61
```
#587a61 rgb(88,122,97)
```
#50825e
```
#50825e rgb(80,130,94)
```
#488a5a
```
#488a5a rgb(72,138,90)
```
#409256
```
#409256 rgb(64,146,86)
```
#389a53
```
#389a53 rgb(56,154,83)
```
#30a24f
```
#30a24f rgb(48,162,79)
```
#28aa4b
```
#28aa4b rgb(40,170,75)
```
#20b248
```
#20b248 rgb(32,178,72)
```
#18ba44
```
#18ba44 rgb(24,186,68)
```
#0fc340
```
#0fc340 rgb(15,195,64)
```
#07cb3d
```
#07cb3d rgb(7,203,61)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#69766c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d835d Protanopia 1% of men
#987e68 Deuteranopia 1% of men
#5f8993 Tritanopia 0.001% of the population

Trichromacy

#74855c Protanomaly 1% of men, 0.01% of women
#7b8263 Deuteranomaly 6% of men, 0.4% of women
#56897e Tritanomaly 0.01% of the population

#488a5a hex color

#488a5a Color Information

#488a5a Color Conversion

Color Schemes with #488a5a

Alternatives to #488a5a

#488a5a Preview

Shades and Tints of #488a5a

Tones of #488a5a

Color Blindness Simulator