#48aa6d hex color

In a RGB color space, hex #48aa6d is composed of 28.2% red, 66.7% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 0% magenta, 35.9% yellow and 33.3% black. It has a hue angle of 142.7 degrees, a saturation of 40.5% and a lightness of 47.5%. #48aa6d color hex could be obtained by blending #90ffda with #005500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 67
- B 43
RGB color chart
- C 58
- M 0
- Y 36
- K 33
CMYK color chart

● #48aa6d color description : Dark moderate cyan - lime green.

The hexadecimal color #48aa6d has RGB values of R:72, G:170, B:109 and CMYK values of C:0.58, M:0, Y:0.36, K:0.33. Its decimal value is 4762221.

Hex triplet	48aa6d	`#48aa6d`
RGB Decimal	72, 170, 109	`rgb(72,170,109)`
RGB Percent	28.2, 66.7, 42.7	`rgb(28.2%,66.7%,42.7%)`
CMYK	58, 0, 36, 33
HSL	142.7°, 40.5, 47.5	`hsl(142.7,40.5%,47.5%)`
HSV (or HSB)	142.7°, 57.6, 66.7
Web Safe	339966	`#339966`

CIE-LAB	62.701, -42.797, 23.051
XYZ	19.806, 31.23, 19.451
xyY	0.281, 0.443, 31.23
CIE-LCH	62.701, 48.61, 151.692
CIE-LUV	62.701, -43.119, 37.388
Hunter-Lab	55.884, -34.532, 18.481
Binary	01001000, 10101010, 01101101

#48aa6d
```
#48aa6d rgb(72,170,109)
```
#aa4885
```
#aa4885 rgb(170,72,133)
```

Complementary Color

#54aa48
```
#54aa48 rgb(84,170,72)
```
#48aa6d
```
#48aa6d rgb(72,170,109)
```
#48aa9e
```
#48aa9e rgb(72,170,158)
```

Analogous Color

#aa4854
```
#aa4854 rgb(170,72,84)
```
#48aa6d
```
#48aa6d rgb(72,170,109)
```
#9e48aa
```
#9e48aa rgb(158,72,170)
```

Split Complementary Color

#aa6d48
```
#aa6d48 rgb(170,109,72)
```
#48aa6d
```
#48aa6d rgb(72,170,109)
```
#6d48aa
```
#6d48aa rgb(109,72,170)
```

Triadic Color

#85aa48
```
#85aa48 rgb(133,170,72)
```
#48aa6d
```
#48aa6d rgb(72,170,109)
```
#6d48aa
```
#6d48aa rgb(109,72,170)
```
#aa4885
```
#aa4885 rgb(170,72,133)
```

Tetradic Color

#31744b
```
#31744b rgb(49,116,75)
```
#398656
```
#398656 rgb(57,134,86)
```
#409862
```
#409862 rgb(64,152,98)
```
#48aa6d
```
#48aa6d rgb(72,170,109)
```
#55b77a
```
#55b77a rgb(85,183,122)
```
#67be88
```
#67be88 rgb(103,190,136)
```
#78c696
```
#78c696 rgb(120,198,150)
```

Monochromatic Color

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

#48aa55
```
#48aa55 rgb(72,170,85)
```
#48aa5d
```
#48aa5d rgb(72,170,93)
```
#48aa65
```
#48aa65 rgb(72,170,101)
```
#48aa6d
```
#48aa6d rgb(72,170,109)
```
#48aa75
```
#48aa75 rgb(72,170,117)
```
#48aa7d
```
#48aa7d rgb(72,170,125)
```
#48aa86
```
#48aa86 rgb(72,170,134)
```

Similar Colors

Text with hexadecimal color #48aa6d

This text has a font color of #48aa6d.

<span style="color:#48aa6d;">Text here</span>

#48aa6d background color

This paragraph has a background color of #48aa6d.

<p style="background-color:#48aa6d;">Content here</p>

#48aa6d border color

This element has a border color of #48aa6d.

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

CSS codes

.text {color:#48aa6d;}

.background {background-color:#48aa6d;}

.border {border:1px solid #48aa6d;}

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

#020503
```
#020503 rgb(2,5,3)
```
#08120c
```
#08120c rgb(8,18,12)
```
#0e2015
```
#0e2015 rgb(14,32,21)
```
#132e1d
```
#132e1d rgb(19,46,29)
```
#193c26
```
#193c26 rgb(25,60,38)
```
#1f4a2f
```
#1f4a2f rgb(31,74,47)
```
#255738
```
#255738 rgb(37,87,56)
```
#2b6541
```
#2b6541 rgb(43,101,65)
```
#31734a
```
#31734a rgb(49,115,74)
```
#368152
```
#368152 rgb(54,129,82)
```
#3c8e5b
```
#3c8e5b rgb(60,142,91)
```
#429c64
```
#429c64 rgb(66,156,100)
```
#48aa6d
```
#48aa6d rgb(72,170,109)
```

Shade Color Variation

#51b576
```
#51b576 rgb(81,181,118)
```
#5ebb81
```
#5ebb81 rgb(94,187,129)
```
#6cc18c
```
#6cc18c rgb(108,193,140)
```
#7ac797
```
#7ac797 rgb(122,199,151)
```
#88cca2
```
#88cca2 rgb(136,204,162)
```
#95d2ac
```
#95d2ac rgb(149,210,172)
```
#a3d8b7
```
#a3d8b7 rgb(163,216,183)
```
#b1dec2
```
#b1dec2 rgb(177,222,194)
```
#bfe4cd
```
#bfe4cd rgb(191,228,205)
```
#cdead8
```
#cdead8 rgb(205,234,216)
```
#daefe2
```
#daefe2 rgb(218,239,226)
```
#e8f5ed
```
#e8f5ed rgb(232,245,237)
```
#f6fbf8
```
#f6fbf8 rgb(246,251,248)
```

Tint Color Variation

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

#777b78
```
#777b78 rgb(119,123,120)
```
#6d8576
```
#6d8576 rgb(109,133,118)
```
#648e74
```
#648e74 rgb(100,142,116)
```
#5b9772
```
#5b9772 rgb(91,151,114)
```
#51a16f
```
#51a16f rgb(81,161,111)
```
#48aa6d
```
#48aa6d rgb(72,170,109)
```
#3fb36b
```
#3fb36b rgb(63,179,107)
```
#35bd68
```
#35bd68 rgb(53,189,104)
```
#2cc666
```
#2cc666 rgb(44,198,102)
```
#23cf64
```
#23cf64 rgb(35,207,100)
```
#19d962
```
#19d962 rgb(25,217,98)
```
#10e25f
```
#10e25f rgb(16,226,95)
```
#07eb5d
```
#07eb5d rgb(7,235,93)
```

Tone Color Variation

Below, you can see how #48aa6d 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

#868686 Achromatopsia 0.005% of the population
#7a8d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99c6d Protanopia 1% of men
#b6977c Deuteranopia 1% of men
#66a6b2 Tritanopia 0.001% of the population

Trichromacy

#86a16d Protanomaly 1% of men, 0.01% of women
#8e9d76 Deuteranomaly 6% of men, 0.4% of women
#5ba799 Tritanomaly 0.01% of the population

#48aa6d hex color

#48aa6d Color Information

#48aa6d Color Conversion

Color Schemes with #48aa6d

Alternatives to #48aa6d

#48aa6d Preview

Shades and Tints of #48aa6d

Tones of #48aa6d

Color Blindness Simulator