#488d6a hex color

In a RGB color space, hex #488d6a is composed of 28.2% red, 55.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 0% magenta, 24.8% yellow and 44.7% black. It has a hue angle of 149.6 degrees, a saturation of 32.4% and a lightness of 41.8%. #488d6a color hex could be obtained by blending #90ffd4 with #001b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 55
- B 42
RGB color chart
- C 49
- M 0
- Y 25
- K 45
CMYK color chart

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

The hexadecimal color #488d6a has RGB values of R:72, G:141, B:106 and CMYK values of C:0.49, M:0, Y:0.25, K:0.45. Its decimal value is 4754794.

Hex triplet	488d6a	`#488d6a`
RGB Decimal	72, 141, 106	`rgb(72,141,106)`
RGB Percent	28.2, 55.3, 41.6	`rgb(28.2%,55.3%,41.6%)`
CMYK	49, 0, 25, 45
HSL	149.6°, 32.4, 41.8	`hsl(149.6,32.4%,41.8%)`
HSV (or HSB)	149.6°, 48.9, 55.3
Web Safe	339966	`#339966`

CIE-LAB	53.457, -30.401, 12.062
XYZ	14.798, 21.467, 16.999
xyY	0.278, 0.403, 21.467
CIE-LCH	53.457, 32.706, 158.359
CIE-LUV	53.457, -31.415, 20.757
Hunter-Lab	46.333, -24.072, 10.68
Binary	01001000, 10001101, 01101010

#488d6a
```
#488d6a rgb(72,141,106)
```
#8d486b
```
#8d486b rgb(141,72,107)
```

Complementary Color

#498d48
```
#498d48 rgb(73,141,72)
```
#488d6a
```
#488d6a rgb(72,141,106)
```
#488d8d
```
#488d8d rgb(72,141,141)
```

Analogous Color

#8d4849
```
#8d4849 rgb(141,72,73)
```
#488d6a
```
#488d6a rgb(72,141,106)
```
#8d488d
```
#8d488d rgb(141,72,141)
```

Split Complementary Color

#8d6a48
```
#8d6a48 rgb(141,106,72)
```
#488d6a
```
#488d6a rgb(72,141,106)
```
#6a488d
```
#6a488d rgb(106,72,141)
```

Triadic Color

#6b8d48
```
#6b8d48 rgb(107,141,72)
```
#488d6a
```
#488d6a rgb(72,141,106)
```
#6a488d
```
#6a488d rgb(106,72,141)
```
#8d486b
```
#8d486b rgb(141,72,107)
```

Tetradic Color

#2e5a44
```
#2e5a44 rgb(46,90,68)
```
#376b51
```
#376b51 rgb(55,107,81)
```
#3f7c5d
```
#3f7c5d rgb(63,124,93)
```
#488d6a
```
#488d6a rgb(72,141,106)
```
#519e77
```
#519e77 rgb(81,158,119)
```
#5cac83
```
#5cac83 rgb(92,172,131)
```
#6db490
```
#6db490 rgb(109,180,144)
```

Monochromatic Color

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

#488d59
```
#488d59 rgb(72,141,89)
```
#488d5f
```
#488d5f rgb(72,141,95)
```
#488d64
```
#488d64 rgb(72,141,100)
```
#488d6a
```
#488d6a rgb(72,141,106)
```
#488d70
```
#488d70 rgb(72,141,112)
```
#488d76
```
#488d76 rgb(72,141,118)
```
#488d7b
```
#488d7b rgb(72,141,123)
```

Similar Colors

Text with hexadecimal color #488d6a

This text has a font color of #488d6a.

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

#488d6a background color

This paragraph has a background color of #488d6a.

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

#488d6a border color

This element has a border color of #488d6a.

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

CSS codes

.text {color:#488d6a;}

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

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

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

#060b08
```
#060b08 rgb(6,11,8)
```
#0c1812
```
#0c1812 rgb(12,24,18)
```
#13251c
```
#13251c rgb(19,37,28)
```
#1a3226
```
#1a3226 rgb(26,50,38)
```
#203f2f
```
#203f2f rgb(32,63,47)
```
#274c39
```
#274c39 rgb(39,76,57)
```
#2d5943
```
#2d5943 rgb(45,89,67)
```
#34664d
```
#34664d rgb(52,102,77)
```
#3b7356
```
#3b7356 rgb(59,115,86)
```
#418060
```
#418060 rgb(65,128,96)
```
#488d6a
```
#488d6a rgb(72,141,106)
```
#4f9a74
```
#4f9a74 rgb(79,154,116)
```
#55a77e
```
#55a77e rgb(85,167,126)
```

Shade Color Variation

#61ae87
```
#61ae87 rgb(97,174,135)
```
#6eb591
```
#6eb591 rgb(110,181,145)
```
#7bbc9b
```
#7bbc9b rgb(123,188,155)
```
#88c2a5
```
#88c2a5 rgb(136,194,165)
```
#95c9af
```
#95c9af rgb(149,201,175)
```
#a2d0b9
```
#a2d0b9 rgb(162,208,185)
```
#afd6c2
```
#afd6c2 rgb(175,214,194)
```
#bcddcc
```
#bcddcc rgb(188,221,204)
```
#c9e4d6
```
#c9e4d6 rgb(201,228,214)
```
#d6eae0
```
#d6eae0 rgb(214,234,224)
```
#e3f1ea
```
#e3f1ea rgb(227,241,234)
```
#f0f7f4
```
#f0f7f4 rgb(240,247,244)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#696c6a
```
#696c6a rgb(105,108,106)
```
#61746a
```
#61746a rgb(97,116,106)
```
#587d6a
```
#587d6a rgb(88,125,106)
```
#50856a
```
#50856a rgb(80,133,106)
```
#488d6a
```
#488d6a rgb(72,141,106)
```
#40956a
```
#40956a rgb(64,149,106)
```
#389d6a
```
#389d6a rgb(56,157,106)
```
#2fa66a
```
#2fa66a rgb(47,166,106)
```
#27ae6a
```
#27ae6a rgb(39,174,106)
```
#1fb669
```
#1fb669 rgb(31,182,105)
```
#17be69
```
#17be69 rgb(23,190,105)
```
#0fc669
```
#0fc669 rgb(15,198,105)
```
#06cf69
```
#06cf69 rgb(6,207,105)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6b7972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e866c Protanopia 1% of men
#988177 Deuteranopia 1% of men
#5d8d98 Tritanopia 0.001% of the population

Trichromacy

#74886b Protanomaly 1% of men, 0.01% of women
#7b8572 Deuteranomaly 6% of men, 0.4% of women
#558d87 Tritanomaly 0.01% of the population

#488d6a hex color

#488d6a Color Information

#488d6a Color Conversion

Color Schemes with #488d6a

Alternatives to #488d6a

#488d6a Preview

Shades and Tints of #488d6a

Tones of #488d6a

Color Blindness Simulator