#48af3f hex color

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

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

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

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

Hex triplet	48af3f	`#48af3f`
RGB Decimal	72, 175, 63	`rgb(72,175,63)`
RGB Percent	28.2, 68.6, 24.7	`rgb(28.2%,68.6%,24.7%)`
CMYK	59, 0, 64, 31
HSL	115.2°, 47.1, 46.7	`hsl(115.2,47.1%,46.7%)`
HSV (or HSB)	115.2°, 64, 68.6
Web Safe	339933	`#339933`

CIE-LAB	63.668, -51.563, 47.246
XYZ	18.899, 32.395, 9.959
xyY	0.309, 0.529, 32.395
CIE-LCH	63.668, 69.935, 137.502
CIE-LUV	63.668, -46.733, 63.674
Hunter-Lab	56.917, -40.335, 29.467
Binary	01001000, 10101111, 00111111

#48af3f
```
#48af3f rgb(72,175,63)
```
#a63faf
```
#a63faf rgb(166,63,175)
```

Complementary Color

#80af3f
```
#80af3f rgb(128,175,63)
```
#48af3f
```
#48af3f rgb(72,175,63)
```
#3faf6e
```
#3faf6e rgb(63,175,110)
```

Analogous Color

#af3f80
```
#af3f80 rgb(175,63,128)
```
#48af3f
```
#48af3f rgb(72,175,63)
```
#6e3faf
```
#6e3faf rgb(110,63,175)
```

Split Complementary Color

#af3f48
```
#af3f48 rgb(175,63,72)
```
#48af3f
```
#48af3f rgb(72,175,63)
```
#3f48af
```
#3f48af rgb(63,72,175)
```

Triadic Color

#afa63f
```
#afa63f rgb(175,166,63)
```
#48af3f
```
#48af3f rgb(72,175,63)
```
#3f48af
```
#3f48af rgb(63,72,175)
```
#a63faf
```
#a63faf rgb(166,63,175)
```

Tetradic Color

#31772b
```
#31772b rgb(49,119,43)
```
#398a32
```
#398a32 rgb(57,138,50)
```
#409c38
```
#409c38 rgb(64,156,56)
```
#48af3f
```
#48af3f rgb(72,175,63)
```
#53be4a
```
#53be4a rgb(83,190,74)
```
#65c55d
```
#65c55d rgb(101,197,93)
```
#77cb6f
```
#77cb6f rgb(119,203,111)
```

Monochromatic Color

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

#64af3f
```
#64af3f rgb(100,175,63)
```
#5baf3f
```
#5baf3f rgb(91,175,63)
```
#51af3f
```
#51af3f rgb(81,175,63)
```
#48af3f
```
#48af3f rgb(72,175,63)
```
#3faf3f
```
#3faf3f rgb(63,175,63)
```
#3faf49
```
#3faf49 rgb(63,175,73)
```
#3faf52
```
#3faf52 rgb(63,175,82)
```

Similar Colors

Text with hexadecimal color #48af3f

This text has a font color of #48af3f.

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

#48af3f background color

This paragraph has a background color of #48af3f.

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

#48af3f border color

This element has a border color of #48af3f.

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

CSS codes

.text {color:#48af3f;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#071006
```
#071006 rgb(7,16,6)
```
#0d1f0b
```
#0d1f0b rgb(13,31,11)
```
#132d10
```
#132d10 rgb(19,45,16)
```
#193c15
```
#193c15 rgb(25,60,21)
```
#1e4a1b
```
#1e4a1b rgb(30,74,27)
```
#245820
```
#245820 rgb(36,88,32)
```
#2a6725
```
#2a6725 rgb(42,103,37)
```
#30752a
```
#30752a rgb(48,117,42)
```
#36842f
```
#36842f rgb(54,132,47)
```
#3c9235
```
#3c9235 rgb(60,146,53)
```
#42a13a
```
#42a13a rgb(66,161,58)
```
#48af3f
```
#48af3f rgb(72,175,63)
```

Shade Color Variation

#4fbc45
```
#4fbc45 rgb(79,188,69)
```
#5dc154
```
#5dc154 rgb(93,193,84)
```
#6ac762
```
#6ac762 rgb(106,199,98)
```
#78cc71
```
#78cc71 rgb(120,204,113)
```
#86d17f
```
#86d17f rgb(134,209,127)
```
#93d68e
```
#93d68e rgb(147,214,142)
```
#a1db9c
```
#a1db9c rgb(161,219,156)
```
#afe1aa
```
#afe1aa rgb(175,225,170)
```
#bce6b9
```
#bce6b9 rgb(188,230,185)
```
#caebc7
```
#caebc7 rgb(202,235,199)
```
#d8f0d6
```
#d8f0d6 rgb(216,240,214)
```
#e5f5e4
```
#e5f5e4 rgb(229,245,228)
```
#f3fbf3
```
#f3fbf3 rgb(243,251,243)
```

Tint Color Variation

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

#767876
```
#767876 rgb(118,120,118)
```
#6e816d
```
#6e816d rgb(110,129,109)
```
#678a64
```
#678a64 rgb(103,138,100)
```
#5f945a
```
#5f945a rgb(95,148,90)
```
#579d51
```
#579d51 rgb(87,157,81)
```
#50a648
```
#50a648 rgb(80,166,72)
```
#48af3f
```
#48af3f rgb(72,175,63)
```
#40b836
```
#40b836 rgb(64,184,54)
```
#39c12d
```
#39c12d rgb(57,193,45)
```
#31ca24
```
#31ca24 rgb(49,202,36)
```
#29d41a
```
#29d41a rgb(41,212,26)
```
#22dd11
```
#22dd11 rgb(34,221,17)
```
#1ae608
```
#1ae608 rgb(26,230,8)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#778c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09f43 Protanopia 1% of men
#c29853 Deuteranopia 1% of men
#6da8b4 Tritanopia 0.001% of the population

Trichromacy

#8aa541 Protanomaly 1% of men, 0.01% of women
#95a04c Deuteranomaly 6% of men, 0.4% of women
#60aa89 Tritanomaly 0.01% of the population

#48af3f hex color

#48af3f Color Information

#48af3f Color Conversion

Color Schemes with #48af3f

Alternatives to #48af3f

#48af3f Preview

Shades and Tints of #48af3f

Tones of #48af3f

Color Blindness Simulator