#48af48 hex color

In a RGB color space, hex #48af48 is composed of 28.2% red, 68.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 0% magenta, 58.9% yellow and 31.4% black. It has a hue angle of 120 degrees, a saturation of 41.7% and a lightness of 48.4%. #48af48 color hex could be obtained by blending #90ff90 with #005f00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 28
- G 69
- B 28
RGB color chart
- C 59
- M 0
- Y 59
- K 31
CMYK color chart

● #48af48 color description : Dark moderate lime green.

The hexadecimal color #48af48 has RGB values of R:72, G:175, B:72 and CMYK values of C:0.59, M:0, Y:0.59, K:0.31. Its decimal value is 4763464.

Hex triplet	48af48	`#48af48`
RGB Decimal	72, 175, 72	`rgb(72,175,72)`
RGB Percent	28.2, 68.6, 28.2	`rgb(28.2%,68.6%,28.2%)`
CMYK	59, 0, 59, 31
HSL	120°, 41.7, 48.4	`hsl(120,41.7%,48.4%)`
HSV (or HSB)	120°, 58.9, 68.6
Web Safe	339933	`#339933`

CIE-LAB	63.757, -50.552, 43.265
XYZ	19.171, 32.504, 11.394
xyY	0.304, 0.515, 32.504
CIE-LCH	63.757, 66.539, 139.442
CIE-LUV	63.757, -46.474, 60.076
Hunter-Lab	57.012, -39.748, 28.059
Binary	01001000, 10101111, 01001000

#48af48
```
#48af48 rgb(72,175,72)
```
#af48af
```
#af48af rgb(175,72,175)
```

Complementary Color

#7caf48
```
#7caf48 rgb(124,175,72)
```
#48af48
```
#48af48 rgb(72,175,72)
```
#48af7c
```
#48af7c rgb(72,175,124)
```

Analogous Color

#af487c
```
#af487c rgb(175,72,124)
```
#48af48
```
#48af48 rgb(72,175,72)
```
#7c48af
```
#7c48af rgb(124,72,175)
```

Split Complementary Color

#af4848
```
#af4848 rgb(175,72,72)
```
#48af48
```
#48af48 rgb(72,175,72)
```
#4848af
```
#4848af rgb(72,72,175)
```

Triadic Color

#afaf48
```
#afaf48 rgb(175,175,72)
```
#48af48
```
#48af48 rgb(72,175,72)
```
#4848af
```
#4848af rgb(72,72,175)
```
#af48af
```
#af48af rgb(175,72,175)
```

Tetradic Color

#327932
```
#327932 rgb(50,121,50)
```
#398b39
```
#398b39 rgb(57,139,57)
```
#419d41
```
#419d41 rgb(65,157,65)
```
#48af48
```
#48af48 rgb(72,175,72)
```
#57ba57
```
#57ba57 rgb(87,186,87)
```
#69c169
```
#69c169 rgb(105,193,105)
```
#7bc97b
```
#7bc97b rgb(123,201,123)
```

Monochromatic Color

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

#62af48
```
#62af48 rgb(98,175,72)
```
#59af48
```
#59af48 rgb(89,175,72)
```
#51af48
```
#51af48 rgb(81,175,72)
```
#48af48
```
#48af48 rgb(72,175,72)
```
#48af51
```
#48af51 rgb(72,175,81)
```
#48af59
```
#48af59 rgb(72,175,89)
```
#48af62
```
#48af62 rgb(72,175,98)
```

Similar Colors

Text with hexadecimal color #48af48

This text has a font color of #48af48.

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

#48af48 background color

This paragraph has a background color of #48af48.

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

#48af48 border color

This element has a border color of #48af48.

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

CSS codes

.text {color:#48af48;}

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

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

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

#030803
```
#030803 rgb(3,8,3)
```
#091609
```
#091609 rgb(9,22,9)
```
#0f240f
```
#0f240f rgb(15,36,15)
```
#153215
```
#153215 rgb(21,50,21)
```
#1a401a
```
#1a401a rgb(26,64,26)
```
#204e20
```
#204e20 rgb(32,78,32)
```
#265c26
```
#265c26 rgb(38,92,38)
```
#2b6a2b
```
#2b6a2b rgb(43,106,43)
```
#317731
```
#317731 rgb(49,119,49)
```
#378537
```
#378537 rgb(55,133,55)
```
#3d933d
```
#3d933d rgb(61,147,61)
```
#42a142
```
#42a142 rgb(66,161,66)
```
#48af48
```
#48af48 rgb(72,175,72)
```

Shade Color Variation

#53b853
```
#53b853 rgb(83,184,83)
```
#60be60
```
#60be60 rgb(96,190,96)
```
#6ec36e
```
#6ec36e rgb(110,195,110)
```
#7cc97c
```
#7cc97c rgb(124,201,124)
```
#8acf8a
```
#8acf8a rgb(138,207,138)
```
#98d598
```
#98d598 rgb(152,213,152)
```
#a6daa6
```
#a6daa6 rgb(166,218,166)
```
#b4e0b4
```
#b4e0b4 rgb(180,224,180)
```
#c2e6c2
```
#c2e6c2 rgb(194,230,194)
```
#d0ecd0
```
#d0ecd0 rgb(208,236,208)
```
#def1de
```
#def1de rgb(222,241,222)
```
#ebf7eb
```
#ebf7eb rgb(235,247,235)
```
#f9fdf9
```
#f9fdf9 rgb(249,253,249)
```

Tint Color Variation

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

#788078
```
#788078 rgb(120,128,120)
```
#6e896e
```
#6e896e rgb(110,137,110)
```
#659365
```
#659365 rgb(101,147,101)
```
#5b9c5b
```
#5b9c5b rgb(91,156,91)
```
#52a652
```
#52a652 rgb(82,166,82)
```
#48af48
```
#48af48 rgb(72,175,72)
```
#3fb93f
```
#3fb93f rgb(63,185,63)
```
#35c235
```
#35c235 rgb(53,194,53)
```
#2ccc2c
```
#2ccc2c rgb(44,204,44)
```
#22d522
```
#22d522 rgb(34,213,34)
```
#19df19
```
#19df19 rgb(25,223,25)
```
#0fe80f
```
#0fe80f rgb(15,232,15)
```
#05f205
```
#05f205 rgb(5,242,5)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#788d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09f4b Protanopia 1% of men
#c1985b Deuteranopia 1% of men
#6da8b5 Tritanopia 0.001% of the population

Trichromacy

#8aa54a Protanomaly 1% of men, 0.01% of women
#95a054 Deuteranomaly 6% of men, 0.4% of women
#5fab8d Tritanomaly 0.01% of the population

#48af48 hex color

#48af48 Color Information

#48af48 Color Conversion

Color Schemes with #48af48

Alternatives to #48af48

#48af48 Preview

Shades and Tints of #48af48

Tones of #48af48

Color Blindness Simulator