#48ac6a hex color

In a RGB color space, hex #48ac6a is composed of 28.2% red, 67.5% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 0% magenta, 38.4% yellow and 32.5% black. It has a hue angle of 140.4 degrees, a saturation of 41% and a lightness of 47.8%. #48ac6a color hex could be obtained by blending #90ffd4 with #005900. Closest websafe color is: #339966.

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

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

The hexadecimal color #48ac6a has RGB values of R:72, G:172, B:106 and CMYK values of C:0.58, M:0, Y:0.38, K:0.33. Its decimal value is 4762730.

Hex triplet	48ac6a	`#48ac6a`
RGB Decimal	72, 172, 106	`rgb(72,172,106)`
RGB Percent	28.2, 67.5, 41.6	`rgb(28.2%,67.5%,41.6%)`
CMYK	58, 0, 38, 33
HSL	140.4°, 41, 47.8	`hsl(140.4,41%,47.8%)`
HSV (or HSB)	140.4°, 58.1, 67.5
Web Safe	339966	`#339966`

CIE-LAB	63.278, -44.196, 25.434
XYZ	20.025, 31.922, 18.741
xyY	0.283, 0.452, 31.922
CIE-LCH	63.278, 50.992, 150.08
CIE-LUV	63.278, -44.037, 40.509
Hunter-Lab	56.499, -35.607, 19.883
Binary	01001000, 10101100, 01101010

#48ac6a
```
#48ac6a rgb(72,172,106)
```
#ac488a
```
#ac488a rgb(172,72,138)
```

Complementary Color

#58ac48
```
#58ac48 rgb(88,172,72)
```
#48ac6a
```
#48ac6a rgb(72,172,106)
```
#48ac9c
```
#48ac9c rgb(72,172,156)
```

Analogous Color

#ac4858
```
#ac4858 rgb(172,72,88)
```
#48ac6a
```
#48ac6a rgb(72,172,106)
```
#9c48ac
```
#9c48ac rgb(156,72,172)
```

Split Complementary Color

#ac6a48
```
#ac6a48 rgb(172,106,72)
```
#48ac6a
```
#48ac6a rgb(72,172,106)
```
#6a48ac
```
#6a48ac rgb(106,72,172)
```

Triadic Color

#8aac48
```
#8aac48 rgb(138,172,72)
```
#48ac6a
```
#48ac6a rgb(72,172,106)
```
#6a48ac
```
#6a48ac rgb(106,72,172)
```
#ac488a
```
#ac488a rgb(172,72,138)
```

Tetradic Color

#317649
```
#317649 rgb(49,118,73)
```
#398854
```
#398854 rgb(57,136,84)
```
#409a5f
```
#409a5f rgb(64,154,95)
```
#48ac6a
```
#48ac6a rgb(72,172,106)
```
#55b877
```
#55b877 rgb(85,184,119)
```
#67c085
```
#67c085 rgb(103,192,133)
```
#79c794
```
#79c794 rgb(121,199,148)
```

Monochromatic Color

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

#48ac51
```
#48ac51 rgb(72,172,81)
```
#48ac59
```
#48ac59 rgb(72,172,89)
```
#48ac62
```
#48ac62 rgb(72,172,98)
```
#48ac6a
```
#48ac6a rgb(72,172,106)
```
#48ac72
```
#48ac72 rgb(72,172,114)
```
#48ac7b
```
#48ac7b rgb(72,172,123)
```
#48ac83
```
#48ac83 rgb(72,172,131)
```

Similar Colors

Text with hexadecimal color #48ac6a

This text has a font color of #48ac6a.

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

#48ac6a background color

This paragraph has a background color of #48ac6a.

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

#48ac6a border color

This element has a border color of #48ac6a.

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

CSS codes

.text {color:#48ac6a;}

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

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

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

#030604
```
#030604 rgb(3,6,4)
```
#08140c
```
#08140c rgb(8,20,12)
```
#0e2215
```
#0e2215 rgb(14,34,21)
```
#14301d
```
#14301d rgb(20,48,29)
```
#1a3d26
```
#1a3d26 rgb(26,61,38)
```
#1f4b2e
```
#1f4b2e rgb(31,75,46)
```
#255937
```
#255937 rgb(37,89,55)
```
#2b673f
```
#2b673f rgb(43,103,63)
```
#317548
```
#317548 rgb(49,117,72)
```
#378350
```
#378350 rgb(55,131,80)
```
#3c9059
```
#3c9059 rgb(60,144,89)
```
#429e61
```
#429e61 rgb(66,158,97)
```
#48ac6a
```
#48ac6a rgb(72,172,106)
```

Shade Color Variation

#51b674
```
#51b674 rgb(81,182,116)
```
#5fbc7f
```
#5fbc7f rgb(95,188,127)
```
#6dc28a
```
#6dc28a rgb(109,194,138)
```
#7bc895
```
#7bc895 rgb(123,200,149)
```
#89cda0
```
#89cda0 rgb(137,205,160)
```
#96d3ab
```
#96d3ab rgb(150,211,171)
```
#a4d9b6
```
#a4d9b6 rgb(164,217,182)
```
#b2dfc1
```
#b2dfc1 rgb(178,223,193)
```
#c0e5cc
```
#c0e5cc rgb(192,229,204)
```
#ceead7
```
#ceead7 rgb(206,234,215)
```
#dcf0e3
```
#dcf0e3 rgb(220,240,227)
```
#e9f6ee
```
#e9f6ee rgb(233,246,238)
```
#f7fcf9
```
#f7fcf9 rgb(247,252,249)
```

Tint Color Variation

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

#777d79
```
#777d79 rgb(119,125,121)
```
#6e8676
```
#6e8676 rgb(110,134,118)
```
#649073
```
#649073 rgb(100,144,115)
```
#5b9970
```
#5b9970 rgb(91,153,112)
```
#51a36d
```
#51a36d rgb(81,163,109)
```
#48ac6a
```
#48ac6a rgb(72,172,106)
```
#3fb567
```
#3fb567 rgb(63,181,103)
```
#35bf64
```
#35bf64 rgb(53,191,100)
```
#2cc861
```
#2cc861 rgb(44,200,97)
```
#22d25e
```
#22d25e rgb(34,210,94)
```
#19db5b
```
#19db5b rgb(25,219,91)
```
#10e458
```
#10e458 rgb(16,228,88)
```
#06ee55
```
#06ee55 rgb(6,238,85)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7a8e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9e6a Protanopia 1% of men
#b99879 Deuteranopia 1% of men
#67a8b4 Tritanopia 0.001% of the population

Trichromacy

#87a36a Protanomaly 1% of men, 0.01% of women
#909f74 Deuteranomaly 6% of men, 0.4% of women
#5ca999 Tritanomaly 0.01% of the population

#48ac6a hex color

#48ac6a Color Information

#48ac6a Color Conversion

Color Schemes with #48ac6a

Alternatives to #48ac6a

#48ac6a Preview

Shades and Tints of #48ac6a

Tones of #48ac6a

Color Blindness Simulator