#48a424 hex color

In a RGB color space, hex #48a424 is composed of 28.2% red, 64.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 0% magenta, 78% yellow and 35.7% black. It has a hue angle of 103.1 degrees, a saturation of 64% and a lightness of 39.2%. #48a424 color hex could be obtained by blending #90ff48 with #004900. Closest websafe color is: #339933.

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

● #48a424 color description : Dark green.

The hexadecimal color #48a424 has RGB values of R:72, G:164, B:36 and CMYK values of C:0.56, M:0, Y:0.78, K:0.36. Its decimal value is 4760612.

Hex triplet	48a424	`#48a424`
RGB Decimal	72, 164, 36	`rgb(72,164,36)`
RGB Percent	28.2, 64.3, 14.1	`rgb(28.2%,64.3%,14.1%)`
CMYK	56, 0, 78, 36
HSL	103.1°, 64, 39.2	`hsl(103.1,64%,39.2%)`
HSV (or HSB)	103.1°, 78, 64.3
Web Safe	339933	`#339933`

CIE-LAB	59.938, -49.723, 53.873
XYZ	16.266, 28.055, 6.227
xyY	0.322, 0.555, 28.055
CIE-LCH	59.938, 73.312, 132.706
CIE-LUV	59.938, -42.923, 66.744
Hunter-Lab	52.967, -37.876, 30.106
Binary	01001000, 10100100, 00100100

#48a424
```
#48a424 rgb(72,164,36)
```
#8024a4
```
#8024a4 rgb(128,36,164)
```

Complementary Color

#88a424
```
#88a424 rgb(136,164,36)
```
#48a424
```
#48a424 rgb(72,164,36)
```
#24a440
```
#24a440 rgb(36,164,64)
```

Analogous Color

#a42488
```
#a42488 rgb(164,36,136)
```
#48a424
```
#48a424 rgb(72,164,36)
```
#4024a4
```
#4024a4 rgb(64,36,164)
```

Split Complementary Color

#a42448
```
#a42448 rgb(164,36,72)
```
#48a424
```
#48a424 rgb(72,164,36)
```
#2448a4
```
#2448a4 rgb(36,72,164)
```

Triadic Color

#a48024
```
#a48024 rgb(164,128,36)
```
#48a424
```
#48a424 rgb(72,164,36)
```
#2448a4
```
#2448a4 rgb(36,72,164)
```
#8024a4
```
#8024a4 rgb(128,36,164)
```

Tetradic Color

#2c6516
```
#2c6516 rgb(44,101,22)
```
#367a1b
```
#367a1b rgb(54,122,27)
```
#3f8f1f
```
#3f8f1f rgb(63,143,31)
```
#48a424
```
#48a424 rgb(72,164,36)
```
#51b929
```
#51b929 rgb(81,185,41)
```
#5ace2d
```
#5ace2d rgb(90,206,45)
```
#6ad540
```
#6ad540 rgb(106,213,64)
```

Monochromatic Color

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

#68a424
```
#68a424 rgb(104,164,36)
```
#5da424
```
#5da424 rgb(93,164,36)
```
#53a424
```
#53a424 rgb(83,164,36)
```
#48a424
```
#48a424 rgb(72,164,36)
```
#3da424
```
#3da424 rgb(61,164,36)
```
#33a424
```
#33a424 rgb(51,164,36)
```
#28a424
```
#28a424 rgb(40,164,36)
```

Similar Colors

Text with hexadecimal color #48a424

This text has a font color of #48a424.

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

#48a424 background color

This paragraph has a background color of #48a424.

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

#48a424 border color

This element has a border color of #48a424.

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

CSS codes

.text {color:#48a424;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#081304
```
#081304 rgb(8,19,4)
```
#102308
```
#102308 rgb(16,35,8)
```
#17330b
```
#17330b rgb(23,51,11)
```
#1e430f
```
#1e430f rgb(30,67,15)
```
#255412
```
#255412 rgb(37,84,18)
```
#2c6416
```
#2c6416 rgb(44,100,22)
```
#337419
```
#337419 rgb(51,116,25)
```
#3a841d
```
#3a841d rgb(58,132,29)
```
#419420
```
#419420 rgb(65,148,32)
```
#48a424
```
#48a424 rgb(72,164,36)
```
#4fb428
```
#4fb428 rgb(79,180,40)
```
#56c42b
```
#56c42b rgb(86,196,43)
```

Shade Color Variation

#5ed231
```
#5ed231 rgb(94,210,49)
```
#6bd541
```
#6bd541 rgb(107,213,65)
```
#77d951
```
#77d951 rgb(119,217,81)
```
#84dc61
```
#84dc61 rgb(132,220,97)
```
#90e071
```
#90e071 rgb(144,224,113)
```
#9de381
```
#9de381 rgb(157,227,129)
```
#aae792
```
#aae792 rgb(170,231,146)
```
#b6eba2
```
#b6eba2 rgb(182,235,162)
```
#c3eeb2
```
#c3eeb2 rgb(195,238,178)
```
#cff2c2
```
#cff2c2 rgb(207,242,194)
```
#dcf5d2
```
#dcf5d2 rgb(220,245,210)
```
#e8f9e2
```
#e8f9e2 rgb(232,249,226)
```
#f5fcf2
```
#f5fcf2 rgb(245,252,242)
```

Tint Color Variation

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

#636662
```
#636662 rgb(99,102,98)
```
#606e5a
```
#606e5a rgb(96,110,90)
```
#5c7652
```
#5c7652 rgb(92,118,82)
```
#597e4a
```
#597e4a rgb(89,126,74)
```
#558543
```
#558543 rgb(85,133,67)
```
#528d3b
```
#528d3b rgb(82,141,59)
```
#4f9533
```
#4f9533 rgb(79,149,51)
```
#4b9c2c
```
#4b9c2c rgb(75,156,44)
```
#48a424
```
#48a424 rgb(72,164,36)
```
#45ac1c
```
#45ac1c rgb(69,172,28)
```
#41b315
```
#41b315 rgb(65,179,21)
```
#3ebb0d
```
#3ebb0d rgb(62,187,13)
```
#3bc305
```
#3bc305 rgb(59,195,5)
```

Tone Color Variation

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

Dichromacy

#a7962a Protanopia 1% of men
#b98f3c Deuteranopia 1% of men
#6c9da9 Tritanopia 0.001% of the population

Trichromacy

#859b28 Protanomaly 1% of men, 0.01% of women
#909633 Deuteranomaly 6% of men, 0.4% of women
#5ea078 Tritanomaly 0.01% of the population

#48a424 hex color

#48a424 Color Information

#48a424 Color Conversion

Color Schemes with #48a424

Alternatives to #48a424

#48a424 Preview

Shades and Tints of #48a424

Tones of #48a424

Color Blindness Simulator