#48a522 hex color

In a RGB color space, hex #48a522 is composed of 28.2% red, 64.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 0% magenta, 79.4% yellow and 35.3% black. It has a hue angle of 102.6 degrees, a saturation of 65.8% and a lightness of 39%. #48a522 color hex could be obtained by blending #90ff44 with #004b00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 28
- G 65
- B 13
RGB color chart
- C 56
- M 0
- Y 79
- K 35
CMYK color chart

● #48a522 color description : Dark green.

The hexadecimal color #48a522 has RGB values of R:72, G:165, B:34 and CMYK values of C:0.56, M:0, Y:0.79, K:0.35. Its decimal value is 4760866.

Hex triplet	48a522	`#48a522`
RGB Decimal	72, 165, 34	`rgb(72,165,34)`
RGB Percent	28.2, 64.7, 13.3	`rgb(28.2%,64.7%,13.3%)`
CMYK	56, 0, 79, 35
HSL	102.6°, 65.8, 39	`hsl(102.6,65.8%,39%)`
HSV (or HSB)	102.6°, 79.4, 64.7
Web Safe	339933	`#339933`

CIE-LAB	60.25, -50.218, 54.811
XYZ	16.416, 28.402, 6.13
xyY	0.322, 0.557, 28.402
CIE-LCH	60.25, 74.338, 132.496
CIE-LUV	60.25, -43.357, 67.631
Hunter-Lab	53.294, -38.282, 30.485
Binary	01001000, 10100101, 00100010

#48a522
```
#48a522 rgb(72,165,34)
```
#7f22a5
```
#7f22a5 rgb(127,34,165)
```

Complementary Color

#8aa522
```
#8aa522 rgb(138,165,34)
```
#48a522
```
#48a522 rgb(72,165,34)
```
#22a53d
```
#22a53d rgb(34,165,61)
```

Analogous Color

#a5228a
```
#a5228a rgb(165,34,138)
```
#48a522
```
#48a522 rgb(72,165,34)
```
#3d22a5
```
#3d22a5 rgb(61,34,165)
```

Split Complementary Color

#a52248
```
#a52248 rgb(165,34,72)
```
#48a522
```
#48a522 rgb(72,165,34)
```
#2248a5
```
#2248a5 rgb(34,72,165)
```

Triadic Color

#a57f22
```
#a57f22 rgb(165,127,34)
```
#48a522
```
#48a522 rgb(72,165,34)
```
#2248a5
```
#2248a5 rgb(34,72,165)
```
#7f22a5
```
#7f22a5 rgb(127,34,165)
```

Tetradic Color

#2c6615
```
#2c6615 rgb(44,102,21)
```
#367b19
```
#367b19 rgb(54,123,25)
```
#3f901e
```
#3f901e rgb(63,144,30)
```
#48a522
```
#48a522 rgb(72,165,34)
```
#51ba26
```
#51ba26 rgb(81,186,38)
```
#5acf2b
```
#5acf2b rgb(90,207,43)
```
#69d73d
```
#69d73d rgb(105,215,61)
```

Monochromatic Color

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

#69a522
```
#69a522 rgb(105,165,34)
```
#5ea522
```
#5ea522 rgb(94,165,34)
```
#53a522
```
#53a522 rgb(83,165,34)
```
#48a522
```
#48a522 rgb(72,165,34)
```
#3da522
```
#3da522 rgb(61,165,34)
```
#32a522
```
#32a522 rgb(50,165,34)
```
#27a522
```
#27a522 rgb(39,165,34)
```

Similar Colors

Text with hexadecimal color #48a522

This text has a font color of #48a522.

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

#48a522 background color

This paragraph has a background color of #48a522.

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

#48a522 border color

This element has a border color of #48a522.

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

CSS codes

.text {color:#48a522;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#081304
```
#081304 rgb(8,19,4)
```
#0f2307
```
#0f2307 rgb(15,35,7)
```
#16330b
```
#16330b rgb(22,51,11)
```
#1d430e
```
#1d430e rgb(29,67,14)
```
#255411
```
#255411 rgb(37,84,17)
```
#2c6415
```
#2c6415 rgb(44,100,21)
```
#337418
```
#337418 rgb(51,116,24)
```
#3a841b
```
#3a841b rgb(58,132,27)
```
#41951f
```
#41951f rgb(65,149,31)
```
#48a522
```
#48a522 rgb(72,165,34)
```
#4fb525
```
#4fb525 rgb(79,181,37)
```
#56c629
```
#56c629 rgb(86,198,41)
```

Shade Color Variation

#5ed42e
```
#5ed42e rgb(94,212,46)
```
#6bd73e
```
#6bd73e rgb(107,215,62)
```
#77db4e
```
#77db4e rgb(119,219,78)
```
#84de5f
```
#84de5f rgb(132,222,95)
```
#90e16f
```
#90e16f rgb(144,225,111)
```
#9de57f
```
#9de57f rgb(157,229,127)
```
#a9e890
```
#a9e890 rgb(169,232,144)
```
#b6eba0
```
#b6eba0 rgb(182,235,160)
```
#c2efb0
```
#c2efb0 rgb(194,239,176)
```
#cff2c0
```
#cff2c0 rgb(207,242,192)
```
#dbf5d1
```
#dbf5d1 rgb(219,245,209)
```
#e8f9e1
```
#e8f9e1 rgb(232,249,225)
```
#f4fcf1
```
#f4fcf1 rgb(244,252,241)
```

Tint Color Variation

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

#62685f
```
#62685f rgb(98,104,95)
```
#5e6f58
```
#5e6f58 rgb(94,111,88)
```
#5b7750
```
#5b7750 rgb(91,119,80)
```
#587f48
```
#587f48 rgb(88,127,72)
```
#558641
```
#558641 rgb(85,134,65)
```
#528e39
```
#528e39 rgb(82,142,57)
```
#4e9631
```
#4e9631 rgb(78,150,49)
```
#4b9d2a
```
#4b9d2a rgb(75,157,42)
```
#48a522
```
#48a522 rgb(72,165,34)
```
#45ad1a
```
#45ad1a rgb(69,173,26)
```
#42b413
```
#42b413 rgb(66,180,19)
```
#3ebc0b
```
#3ebc0b rgb(62,188,11)
```
#3bc403
```
#3bc403 rgb(59,196,3)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#708368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89728 Protanopia 1% of men
#ba8f3b Deuteranopia 1% of men
#6c9eaa Tritanopia 0.001% of the population

Trichromacy

#859c26 Protanomaly 1% of men, 0.01% of women
#909732 Deuteranomaly 6% of men, 0.4% of women
#5fa178 Tritanomaly 0.01% of the population

#48a522 hex color

#48a522 Color Information

#48a522 Color Conversion

Color Schemes with #48a522

Alternatives to #48a522

#48a522 Preview

Shades and Tints of #48a522

Tones of #48a522

Color Blindness Simulator