#48af4a hex color

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

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

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

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

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

CIE-LAB	63.779, -50.308, 42.349
XYZ	19.237, 32.531, 11.743
xyY	0.303, 0.512, 32.531
CIE-LCH	63.779, 65.76, 139.91
CIE-LUV	63.779, -46.412, 59.212
Hunter-Lab	57.036, -39.606, 27.717
Binary	01001000, 10101111, 01001010

#48af4a
```
#48af4a rgb(72,175,74)
```
#af48ad
```
#af48ad rgb(175,72,173)
```

Complementary Color

#7aaf48
```
#7aaf48 rgb(122,175,72)
```
#48af4a
```
#48af4a rgb(72,175,74)
```
#48af7e
```
#48af7e rgb(72,175,126)
```

Analogous Color

#af487a
```
#af487a rgb(175,72,122)
```
#48af4a
```
#48af4a rgb(72,175,74)
```
#7e48af
```
#7e48af rgb(126,72,175)
```

Split Complementary Color

#af4a48
```
#af4a48 rgb(175,74,72)
```
#48af4a
```
#48af4a rgb(72,175,74)
```
#4a48af
```
#4a48af rgb(74,72,175)
```

Triadic Color

#adaf48
```
#adaf48 rgb(173,175,72)
```
#48af4a
```
#48af4a rgb(72,175,74)
```
#4a48af
```
#4a48af rgb(74,72,175)
```
#af48ad
```
#af48ad rgb(175,72,173)
```

Tetradic Color

#327933
```
#327933 rgb(50,121,51)
```
#398b3b
```
#398b3b rgb(57,139,59)
```
#419d42
```
#419d42 rgb(65,157,66)
```
#48af4a
```
#48af4a rgb(72,175,74)
```
#57ba59
```
#57ba59 rgb(87,186,89)
```
#69c16b
```
#69c16b rgb(105,193,107)
```
#7bc97c
```
#7bc97c rgb(123,201,124)
```

Monochromatic Color

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

#60af48
```
#60af48 rgb(96,175,72)
```
#57af48
```
#57af48 rgb(87,175,72)
```
#4faf48
```
#4faf48 rgb(79,175,72)
```
#48af4a
```
#48af4a rgb(72,175,74)
```
#48af53
```
#48af53 rgb(72,175,83)
```
#48af5b
```
#48af5b rgb(72,175,91)
```
#48af64
```
#48af64 rgb(72,175,100)
```

Similar Colors

Text with hexadecimal color #48af4a

This text has a font color of #48af4a.

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

#48af4a background color

This paragraph has a background color of #48af4a.

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

#48af4a border color

This element has a border color of #48af4a.

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

CSS codes

.text {color:#48af4a;}

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

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

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)
```
#1a401b
```
#1a401b rgb(26,64,27)
```
#204e21
```
#204e21 rgb(32,78,33)
```
#265c27
```
#265c27 rgb(38,92,39)
```
#2b6a2d
```
#2b6a2d rgb(43,106,45)
```
#317732
```
#317732 rgb(49,119,50)
```
#378538
```
#378538 rgb(55,133,56)
```
#3d933e
```
#3d933e rgb(61,147,62)
```
#42a144
```
#42a144 rgb(66,161,68)
```
#48af4a
```
#48af4a rgb(72,175,74)
```

Shade Color Variation

#53b855
```
#53b855 rgb(83,184,85)
```
#60be62
```
#60be62 rgb(96,190,98)
```
#6ec370
```
#6ec370 rgb(110,195,112)
```
#7cc97e
```
#7cc97e rgb(124,201,126)
```
#8acf8b
```
#8acf8b rgb(138,207,139)
```
#98d599
```
#98d599 rgb(152,213,153)
```
#a6daa7
```
#a6daa7 rgb(166,218,167)
```
#b4e0b5
```
#b4e0b5 rgb(180,224,181)
```
#c2e6c2
```
#c2e6c2 rgb(194,230,194)
```
#d0ecd0
```
#d0ecd0 rgb(208,236,208)
```
#def1de
```
#def1de rgb(222,241,222)
```
#ebf7ec
```
#ebf7ec rgb(235,247,236)
```
#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 #05f20a is the most saturated one.

#788078
```
#788078 rgb(120,128,120)
```
#6e896f
```
#6e896f rgb(110,137,111)
```
#659365
```
#659365 rgb(101,147,101)
```
#5b9c5c
```
#5b9c5c rgb(91,156,92)
```
#52a653
```
#52a653 rgb(82,166,83)
```
#48af4a
```
#48af4a rgb(72,175,74)
```
#3fb941
```
#3fb941 rgb(63,185,65)
```
#35c238
```
#35c238 rgb(53,194,56)
```
#2ccc2f
```
#2ccc2f rgb(44,204,47)
```
#22d525
```
#22d525 rgb(34,213,37)
```
#19df1c
```
#19df1c rgb(25,223,28)
```
#0fe813
```
#0fe813 rgb(15,232,19)
```
#05f20a
```
#05f20a rgb(5,242,10)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#798d79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09f4d Protanopia 1% of men
#c1985d Deuteranopia 1% of men
#6da8b5 Tritanopia 0.001% of the population

Trichromacy

#8aa54c Protanomaly 1% of men, 0.01% of women
#95a056 Deuteranomaly 6% of men, 0.4% of women
#5fab8e Tritanomaly 0.01% of the population

#48af4a hex color

#48af4a Color Information

#48af4a Color Conversion

Color Schemes with #48af4a

Alternatives to #48af4a

#48af4a Preview

Shades and Tints of #48af4a

Tones of #48af4a

Color Blindness Simulator