#48aa6c hex color

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

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

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

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

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

CIE-LAB	62.683, -42.987, 23.567
XYZ	19.753, 31.208, 19.169
xyY	0.282, 0.445, 31.208
CIE-LCH	62.683, 49.023, 151.266
CIE-LUV	62.683, -43.163, 38.027
Hunter-Lab	55.864, -34.648, 18.76
Binary	01001000, 10101010, 01101100

#48aa6c
```
#48aa6c rgb(72,170,108)
```
#aa4886
```
#aa4886 rgb(170,72,134)
```

Complementary Color

#55aa48
```
#55aa48 rgb(85,170,72)
```
#48aa6c
```
#48aa6c rgb(72,170,108)
```
#48aa9d
```
#48aa9d rgb(72,170,157)
```

Analogous Color

#aa4855
```
#aa4855 rgb(170,72,85)
```
#48aa6c
```
#48aa6c rgb(72,170,108)
```
#9d48aa
```
#9d48aa rgb(157,72,170)
```

Split Complementary Color

#aa6c48
```
#aa6c48 rgb(170,108,72)
```
#48aa6c
```
#48aa6c rgb(72,170,108)
```
#6c48aa
```
#6c48aa rgb(108,72,170)
```

Triadic Color

#86aa48
```
#86aa48 rgb(134,170,72)
```
#48aa6c
```
#48aa6c rgb(72,170,108)
```
#6c48aa
```
#6c48aa rgb(108,72,170)
```
#aa4886
```
#aa4886 rgb(170,72,134)
```

Tetradic Color

#31744a
```
#31744a rgb(49,116,74)
```
#398655
```
#398655 rgb(57,134,85)
```
#409861
```
#409861 rgb(64,152,97)
```
#48aa6c
```
#48aa6c rgb(72,170,108)
```
#55b779
```
#55b779 rgb(85,183,121)
```
#67be87
```
#67be87 rgb(103,190,135)
```
#78c695
```
#78c695 rgb(120,198,149)
```

Monochromatic Color

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

#48aa54
```
#48aa54 rgb(72,170,84)
```
#48aa5c
```
#48aa5c rgb(72,170,92)
```
#48aa64
```
#48aa64 rgb(72,170,100)
```
#48aa6c
```
#48aa6c rgb(72,170,108)
```
#48aa74
```
#48aa74 rgb(72,170,116)
```
#48aa7c
```
#48aa7c rgb(72,170,124)
```
#48aa85
```
#48aa85 rgb(72,170,133)
```

Similar Colors

Text with hexadecimal color #48aa6c

This text has a font color of #48aa6c.

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

#48aa6c background color

This paragraph has a background color of #48aa6c.

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

#48aa6c border color

This element has a border color of #48aa6c.

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

CSS codes

.text {color:#48aa6c;}

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

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

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)
```
#0e2014
```
#0e2014 rgb(14,32,20)
```
#132e1d
```
#132e1d rgb(19,46,29)
```
#193c26
```
#193c26 rgb(25,60,38)
```
#1f4a2f
```
#1f4a2f rgb(31,74,47)
```
#255737
```
#255737 rgb(37,87,55)
```
#2b6540
```
#2b6540 rgb(43,101,64)
```
#317349
```
#317349 rgb(49,115,73)
```
#368152
```
#368152 rgb(54,129,82)
```
#3c8e5a
```
#3c8e5a rgb(60,142,90)
```
#429c63
```
#429c63 rgb(66,156,99)
```
#48aa6c
```
#48aa6c rgb(72,170,108)
```

Shade Color Variation

#51b575
```
#51b575 rgb(81,181,117)
```
#5ebb80
```
#5ebb80 rgb(94,187,128)
```
#6cc18b
```
#6cc18b rgb(108,193,139)
```
#7ac796
```
#7ac796 rgb(122,199,150)
```
#88cca1
```
#88cca1 rgb(136,204,161)
```
#95d2ac
```
#95d2ac rgb(149,210,172)
```
#a3d8b7
```
#a3d8b7 rgb(163,216,183)
```
#b1dec1
```
#b1dec1 rgb(177,222,193)
```
#bfe4cc
```
#bfe4cc rgb(191,228,204)
```
#cdead7
```
#cdead7 rgb(205,234,215)
```
#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 #07eb5b is the most saturated one.

#777b78
```
#777b78 rgb(119,123,120)
```
#6d8576
```
#6d8576 rgb(109,133,118)
```
#648e73
```
#648e73 rgb(100,142,115)
```
#5b9771
```
#5b9771 rgb(91,151,113)
```
#51a16e
```
#51a16e rgb(81,161,110)
```
#48aa6c
```
#48aa6c rgb(72,170,108)
```
#3fb36a
```
#3fb36a rgb(63,179,106)
```
#35bd67
```
#35bd67 rgb(53,189,103)
```
#2cc665
```
#2cc665 rgb(44,198,101)
```
#23cf62
```
#23cf62 rgb(35,207,98)
```
#19d960
```
#19d960 rgb(25,217,96)
```
#10e25d
```
#10e25d rgb(16,226,93)
```
#07eb5b
```
#07eb5b rgb(7,235,91)
```

Tone Color Variation

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

#a99c6c Protanopia 1% of men
#b6977b Deuteranopia 1% of men
#66a6b2 Tritanopia 0.001% of the population

Trichromacy

#86a16c Protanomaly 1% of men, 0.01% of women
#8e9d75 Deuteranomaly 6% of men, 0.4% of women
#5ba798 Tritanomaly 0.01% of the population

#48aa6c hex color

#48aa6c Color Information

#48aa6c Color Conversion

Color Schemes with #48aa6c

Alternatives to #48aa6c

#48aa6c Preview

Shades and Tints of #48aa6c

Tones of #48aa6c

Color Blindness Simulator