#48ac6f hex color

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

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

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

The hexadecimal color #48ac6f has RGB values of R:72, G:172, B:111 and CMYK values of C:0.58, M:0, Y:0.35, K:0.33. Its decimal value is 4762735.

Hex triplet	48ac6f	`#48ac6f`
RGB Decimal	72, 172, 111	`rgb(72,172,111)`
RGB Percent	28.2, 67.5, 43.5	`rgb(28.2%,67.5%,43.5%)`
CMYK	58, 0, 35, 33
HSL	143.4°, 41, 47.8	`hsl(143.4,41%,47.8%)`
HSV (or HSB)	143.4°, 58.1, 67.5
Web Safe	339966	`#339966`

CIE-LAB	63.367, -43.258, 22.865
XYZ	20.293, 32.029, 20.151
xyY	0.28, 0.442, 32.029
CIE-LCH	63.367, 48.929, 152.14
CIE-LUV	63.367, -43.82, 37.343
Hunter-Lab	56.594, -35.035, 18.505
Binary	01001000, 10101100, 01101111

#48ac6f
```
#48ac6f rgb(72,172,111)
```
#ac4885
```
#ac4885 rgb(172,72,133)
```

Complementary Color

#53ac48
```
#53ac48 rgb(83,172,72)
```
#48ac6f
```
#48ac6f rgb(72,172,111)
```
#48aca1
```
#48aca1 rgb(72,172,161)
```

Analogous Color

#ac4853
```
#ac4853 rgb(172,72,83)
```
#48ac6f
```
#48ac6f rgb(72,172,111)
```
#a148ac
```
#a148ac rgb(161,72,172)
```

Split Complementary Color

#ac6f48
```
#ac6f48 rgb(172,111,72)
```
#48ac6f
```
#48ac6f rgb(72,172,111)
```
#6f48ac
```
#6f48ac rgb(111,72,172)
```

Triadic Color

#85ac48
```
#85ac48 rgb(133,172,72)
```
#48ac6f
```
#48ac6f rgb(72,172,111)
```
#6f48ac
```
#6f48ac rgb(111,72,172)
```
#ac4885
```
#ac4885 rgb(172,72,133)
```

Tetradic Color

#31764c
```
#31764c rgb(49,118,76)
```
#398858
```
#398858 rgb(57,136,88)
```
#409a63
```
#409a63 rgb(64,154,99)
```
#48ac6f
```
#48ac6f rgb(72,172,111)
```
#55b87c
```
#55b87c rgb(85,184,124)
```
#67c08a
```
#67c08a rgb(103,192,138)
```
#79c798
```
#79c798 rgb(121,199,152)
```

Monochromatic Color

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

#48ac56
```
#48ac56 rgb(72,172,86)
```
#48ac5e
```
#48ac5e rgb(72,172,94)
```
#48ac67
```
#48ac67 rgb(72,172,103)
```
#48ac6f
```
#48ac6f rgb(72,172,111)
```
#48ac77
```
#48ac77 rgb(72,172,119)
```
#48ac80
```
#48ac80 rgb(72,172,128)
```
#48ac88
```
#48ac88 rgb(72,172,136)
```

Similar Colors

Text with hexadecimal color #48ac6f

This text has a font color of #48ac6f.

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

#48ac6f background color

This paragraph has a background color of #48ac6f.

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

#48ac6f border color

This element has a border color of #48ac6f.

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

CSS codes

.text {color:#48ac6f;}

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

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

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)
```
#08140d
```
#08140d rgb(8,20,13)
```
#0e2216
```
#0e2216 rgb(14,34,22)
```
#14301f
```
#14301f rgb(20,48,31)
```
#1a3d28
```
#1a3d28 rgb(26,61,40)
```
#1f4b31
```
#1f4b31 rgb(31,75,49)
```
#255939
```
#255939 rgb(37,89,57)
```
#2b6742
```
#2b6742 rgb(43,103,66)
```
#31754b
```
#31754b rgb(49,117,75)
```
#378354
```
#378354 rgb(55,131,84)
```
#3c905d
```
#3c905d rgb(60,144,93)
```
#429e66
```
#429e66 rgb(66,158,102)
```
#48ac6f
```
#48ac6f rgb(72,172,111)
```

Shade Color Variation

#51b679
```
#51b679 rgb(81,182,121)
```
#5fbc83
```
#5fbc83 rgb(95,188,131)
```
#6dc28e
```
#6dc28e rgb(109,194,142)
```
#7bc899
```
#7bc899 rgb(123,200,153)
```
#89cda3
```
#89cda3 rgb(137,205,163)
```
#96d3ae
```
#96d3ae rgb(150,211,174)
```
#a4d9b9
```
#a4d9b9 rgb(164,217,185)
```
#b2dfc4
```
#b2dfc4 rgb(178,223,196)
```
#c0e5ce
```
#c0e5ce rgb(192,229,206)
```
#ceead9
```
#ceead9 rgb(206,234,217)
```
#dcf0e4
```
#dcf0e4 rgb(220,240,228)
```
#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 #06ee61 is the most saturated one.

#777d79
```
#777d79 rgb(119,125,121)
```
#6e8677
```
#6e8677 rgb(110,134,119)
```
#649075
```
#649075 rgb(100,144,117)
```
#5b9973
```
#5b9973 rgb(91,153,115)
```
#51a371
```
#51a371 rgb(81,163,113)
```
#48ac6f
```
#48ac6f rgb(72,172,111)
```
#3fb56d
```
#3fb56d rgb(63,181,109)
```
#35bf6b
```
#35bf6b rgb(53,191,107)
```
#2cc869
```
#2cc869 rgb(44,200,105)
```
#22d267
```
#22d267 rgb(34,210,103)
```
#19db65
```
#19db65 rgb(25,219,101)
```
#10e463
```
#10e463 rgb(16,228,99)
```
#06ee61
```
#06ee61 rgb(6,238,97)
```

Tone Color Variation

Below, you can see how #48ac6f 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
#7a8e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9e6f Protanopia 1% of men
#b8987e Deuteranopia 1% of men
#67a8b4 Tritanopia 0.001% of the population

Trichromacy

#87a36f Protanomaly 1% of men, 0.01% of women
#8f9f78 Deuteranomaly 6% of men, 0.4% of women
#5ba99b Tritanomaly 0.01% of the population

#48ac6f hex color

#48ac6f Color Information

#48ac6f Color Conversion

Color Schemes with #48ac6f

Alternatives to #48ac6f

#48ac6f Preview

Shades and Tints of #48ac6f

Tones of #48ac6f

Color Blindness Simulator