#48a220 hex color

In a RGB color space, hex #48a220 is composed of 28.2% red, 63.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 80.2% yellow and 36.5% black. It has a hue angle of 101.5 degrees, a saturation of 67% and a lightness of 38%. #48a220 color hex could be obtained by blending #90ff40 with #004500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 28
- G 64
- B 13
RGB color chart
- C 56
- M 0
- Y 80
- K 36
CMYK color chart

● #48a220 color description : Dark green.

The hexadecimal color #48a220 has RGB values of R:72, G:162, B:32 and CMYK values of C:0.56, M:0, Y:0.8, K:0.36. Its decimal value is 4760096.

Hex triplet	48a220	`#48a220`
RGB Decimal	72, 162, 32	`rgb(72,162,32)`
RGB Percent	28.2, 63.5, 12.5	`rgb(28.2%,63.5%,12.5%)`
CMYK	56, 0, 80, 36
HSL	101.5°, 67, 38	`hsl(101.5,67%,38%)`
HSV (or HSB)	101.5°, 80.2, 63.5
Web Safe	339933	`#339933`

CIE-LAB	59.271, -49.214, 54.505
XYZ	15.853, 27.321, 5.805
xyY	0.324, 0.558, 27.321
CIE-LCH	59.271, 73.436, 132.08
CIE-LUV	59.271, -42.169, 66.74
Hunter-Lab	52.27, -37.335, 30.005
Binary	01001000, 10100010, 00100000

#48a220
```
#48a220 rgb(72,162,32)
```
#7a20a2
```
#7a20a2 rgb(122,32,162)
```

Complementary Color

#89a220
```
#89a220 rgb(137,162,32)
```
#48a220
```
#48a220 rgb(72,162,32)
```
#20a239
```
#20a239 rgb(32,162,57)
```

Analogous Color

#a22089
```
#a22089 rgb(162,32,137)
```
#48a220
```
#48a220 rgb(72,162,32)
```
#3920a2
```
#3920a2 rgb(57,32,162)
```

Split Complementary Color

#a22048
```
#a22048 rgb(162,32,72)
```
#48a220
```
#48a220 rgb(72,162,32)
```
#2048a2
```
#2048a2 rgb(32,72,162)
```

Triadic Color

#a27a20
```
#a27a20 rgb(162,122,32)
```
#48a220
```
#48a220 rgb(72,162,32)
```
#2048a2
```
#2048a2 rgb(32,72,162)
```
#7a20a2
```
#7a20a2 rgb(122,32,162)
```

Tetradic Color

#2c6213
```
#2c6213 rgb(44,98,19)
```
#357718
```
#357718 rgb(53,119,24)
```
#3f8d1c
```
#3f8d1c rgb(63,141,28)
```
#48a220
```
#48a220 rgb(72,162,32)
```
#51b724
```
#51b724 rgb(81,183,36)
```
#5bcd28
```
#5bcd28 rgb(91,205,40)
```
#68d737
```
#68d737 rgb(104,215,55)
```

Monochromatic Color

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

#69a220
```
#69a220 rgb(105,162,32)
```
#5ea220
```
#5ea220 rgb(94,162,32)
```
#53a220
```
#53a220 rgb(83,162,32)
```
#48a220
```
#48a220 rgb(72,162,32)
```
#3da220
```
#3da220 rgb(61,162,32)
```
#32a220
```
#32a220 rgb(50,162,32)
```
#28a220
```
#28a220 rgb(40,162,32)
```

Similar Colors

Text with hexadecimal color #48a220

This text has a font color of #48a220.

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

#48a220 background color

This paragraph has a background color of #48a220.

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

#48a220 border color

This element has a border color of #48a220.

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

CSS codes

.text {color:#48a220;}

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

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

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

#060f03
```
#060f03 rgb(6,15,3)
```
#0e1f06
```
#0e1f06 rgb(14,31,6)
```
#152f09
```
#152f09 rgb(21,47,9)
```
#1c400d
```
#1c400d rgb(28,64,13)
```
#245010
```
#245010 rgb(36,80,16)
```
#2b6013
```
#2b6013 rgb(43,96,19)
```
#327116
```
#327116 rgb(50,113,22)
```
#39811a
```
#39811a rgb(57,129,26)
```
#41921d
```
#41921d rgb(65,146,29)
```
#48a220
```
#48a220 rgb(72,162,32)
```
#4fb223
```
#4fb223 rgb(79,178,35)
```
#57c326
```
#57c326 rgb(87,195,38)
```
#5ed32a
```
#5ed32a rgb(94,211,42)
```

Shade Color Variation

#6ad839
```
#6ad839 rgb(106,216,57)
```
#76db49
```
#76db49 rgb(118,219,73)
```
#82de59
```
#82de59 rgb(130,222,89)
```
#8fe26a
```
#8fe26a rgb(143,226,106)
```
#9be57a
```
#9be57a rgb(155,229,122)
```
#a7e88b
```
#a7e88b rgb(167,232,139)
```
#b4eb9b
```
#b4eb9b rgb(180,235,155)
```
#c0eeab
```
#c0eeab rgb(192,238,171)
```
#ccf2bc
```
#ccf2bc rgb(204,242,188)
```
#d9f5cc
```
#d9f5cc rgb(217,245,204)
```
#e5f8dc
```
#e5f8dc rgb(229,248,220)
```
#f1fbed
```
#f1fbed rgb(241,251,237)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f665c is the less saturated color, while #3dc002 is the most saturated one.

#5f665c
```
#5f665c rgb(95,102,92)
```
#5c6e54
```
#5c6e54 rgb(92,110,84)
```
#59754d
```
#59754d rgb(89,117,77)
```
#567d45
```
#567d45 rgb(86,125,69)
```
#53843e
```
#53843e rgb(83,132,62)
```
#518c36
```
#518c36 rgb(81,140,54)
```
#4e932f
```
#4e932f rgb(78,147,47)
```
#4b9b27
```
#4b9b27 rgb(75,155,39)
```
#48a220
```
#48a220 rgb(72,162,32)
```
#45a919
```
#45a919 rgb(69,169,25)
```
#42b111
```
#42b111 rgb(66,177,17)
```
#3fb80a
```
#3fb80a rgb(63,184,10)
```
#3dc002
```
#3dc002 rgb(61,192,2)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6e8066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69426 Protanopia 1% of men
#b78d39 Deuteranopia 1% of men
#6b9ca7 Tritanopia 0.001% of the population

Trichromacy

#839924 Protanomaly 1% of men, 0.01% of women
#8f9530 Deuteranomaly 6% of men, 0.4% of women
#5e9e76 Tritanomaly 0.01% of the population

#48a220 hex color

#48a220 Color Information

#48a220 Color Conversion

Color Schemes with #48a220

Alternatives to #48a220

#48a220 Preview

Shades and Tints of #48a220

Tones of #48a220

Color Blindness Simulator