#48ae1f hex color

In a RGB color space, hex #48ae1f is composed of 28.2% red, 68.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 0% magenta, 82.2% yellow and 31.8% black. It has a hue angle of 102.8 degrees, a saturation of 69.8% and a lightness of 40.2%. #48ae1f color hex could be obtained by blending #90ff3e with #005d00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 28
- G 68
- B 12
RGB color chart
- C 59
- M 0
- Y 82
- K 32
CMYK color chart

● #48ae1f color description : Dark green.

The hexadecimal color #48ae1f has RGB values of R:72, G:174, B:31 and CMYK values of C:0.59, M:0, Y:0.82, K:0.32. Its decimal value is 4763167.

Hex triplet	48ae1f	`#48ae1f`
RGB Decimal	72, 174, 31	`rgb(72,174,31)`
RGB Percent	28.2, 68.2, 12.2	`rgb(28.2%,68.2%,12.2%)`
CMYK	59, 0, 82, 32
HSL	102.8°, 69.8, 40.2	`hsl(102.8,69.8%,40.2%)`
HSV (or HSB)	102.8°, 82.2, 68.2
Web Safe	339933	`#339933`

CIE-LAB	63.133, -53.668, 58.382
XYZ	18.055, 31.747, 6.473
xyY	0.321, 0.564, 31.747
CIE-LCH	63.133, 79.301, 132.591
CIE-LUV	63.133, -46.984, 72.138
Hunter-Lab	56.345, -41.405, 32.63
Binary	01001000, 10101110, 00011111

#48ae1f
```
#48ae1f rgb(72,174,31)
```
#851fae
```
#851fae rgb(133,31,174)
```

Complementary Color

#90ae1f
```
#90ae1f rgb(144,174,31)
```
#48ae1f
```
#48ae1f rgb(72,174,31)
```
#1fae3e
```
#1fae3e rgb(31,174,62)
```

Analogous Color

#ae1f90
```
#ae1f90 rgb(174,31,144)
```
#48ae1f
```
#48ae1f rgb(72,174,31)
```
#3e1fae
```
#3e1fae rgb(62,31,174)
```

Split Complementary Color

#ae1f48
```
#ae1f48 rgb(174,31,72)
```
#48ae1f
```
#48ae1f rgb(72,174,31)
```
#1f48ae
```
#1f48ae rgb(31,72,174)
```

Triadic Color

#ae851f
```
#ae851f rgb(174,133,31)
```
#48ae1f
```
#48ae1f rgb(72,174,31)
```
#1f48ae
```
#1f48ae rgb(31,72,174)
```
#851fae
```
#851fae rgb(133,31,174)
```

Tetradic Color

#2d6d13
```
#2d6d13 rgb(45,109,19)
```
#368317
```
#368317 rgb(54,131,23)
```
#3f981b
```
#3f981b rgb(63,152,27)
```
#48ae1f
```
#48ae1f rgb(72,174,31)
```
#51c423
```
#51c423 rgb(81,196,35)
```
#5ad927
```
#5ad927 rgb(90,217,39)
```
#6bdc3d
```
#6bdc3d rgb(107,220,61)
```

Monochromatic Color

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

#6cae1f
```
#6cae1f rgb(108,174,31)
```
#60ae1f
```
#60ae1f rgb(96,174,31)
```
#54ae1f
```
#54ae1f rgb(84,174,31)
```
#48ae1f
```
#48ae1f rgb(72,174,31)
```
#3cae1f
```
#3cae1f rgb(60,174,31)
```
#30ae1f
```
#30ae1f rgb(48,174,31)
```
#24ae1f
```
#24ae1f rgb(36,174,31)
```

Similar Colors

Text with hexadecimal color #48ae1f

This text has a font color of #48ae1f.

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

#48ae1f background color

This paragraph has a background color of #48ae1f.

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

#48ae1f border color

This element has a border color of #48ae1f.

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

CSS codes

.text {color:#48ae1f;}

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

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

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

#030801
```
#030801 rgb(3,8,1)
```
#0a1804
```
#0a1804 rgb(10,24,4)
```
#112907
```
#112907 rgb(17,41,7)
```
#18390a
```
#18390a rgb(24,57,10)
```
#1f4a0d
```
#1f4a0d rgb(31,74,13)
```
#265b10
```
#265b10 rgb(38,91,16)
```
#2c6b13
```
#2c6b13 rgb(44,107,19)
```
#337c16
```
#337c16 rgb(51,124,22)
```
#3a8d19
```
#3a8d19 rgb(58,141,25)
```
#419d1c
```
#419d1c rgb(65,157,28)
```
#48ae1f
```
#48ae1f rgb(72,174,31)
```
#4fbf22
```
#4fbf22 rgb(79,191,34)
```
#56cf25
```
#56cf25 rgb(86,207,37)
```

Shade Color Variation

#5fda2e
```
#5fda2e rgb(95,218,46)
```
#6cdd3f
```
#6cdd3f rgb(108,221,63)
```
#79e04f
```
#79e04f rgb(121,224,79)
```
#85e360
```
#85e360 rgb(133,227,96)
```
#92e671
```
#92e671 rgb(146,230,113)
```
#9fe981
```
#9fe981 rgb(159,233,129)
```
#acec92
```
#acec92 rgb(172,236,146)
```
#b8efa3
```
#b8efa3 rgb(184,239,163)
```
#c5f2b3
```
#c5f2b3 rgb(197,242,179)
```
#d2f4c4
```
#d2f4c4 rgb(210,244,196)
```
#dff7d5
```
#dff7d5 rgb(223,247,213)
```
#ebfae5
```
#ebfae5 rgb(235,250,229)
```
#f8fdf6
```
#f8fdf6 rgb(248,253,246)
```

Tint Color Variation

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

#666766
```
#666766 rgb(102,103,102)
```
#636f5e
```
#636f5e rgb(99,111,94)
```
#607756
```
#607756 rgb(96,119,86)
```
#5c7f4e
```
#5c7f4e rgb(92,127,78)
```
#598746
```
#598746 rgb(89,135,70)
```
#558e3f
```
#558e3f rgb(85,142,63)
```
#529637
```
#529637 rgb(82,150,55)
```
#4f9e2f
```
#4f9e2f rgb(79,158,47)
```
#4ba627
```
#4ba627 rgb(75,166,39)
```
#48ae1f
```
#48ae1f rgb(72,174,31)
```
#45b617
```
#45b617 rgb(69,182,23)
```
#41be0f
```
#41be0f rgb(65,190,15)
```
#3ec607
```
#3ec607 rgb(62,198,7)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#74886c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19e25 Protanopia 1% of men
#c3963a Deuteranopia 1% of men
#6fa6b2 Tritanopia 0.001% of the population

Trichromacy

#8aa423 Protanomaly 1% of men, 0.01% of women
#969f30 Deuteranomaly 6% of men, 0.4% of women
#61a97d Tritanomaly 0.01% of the population

#48ae1f hex color

#48ae1f Color Information

#48ae1f Color Conversion

Color Schemes with #48ae1f

Alternatives to #48ae1f

#48ae1f Preview

Shades and Tints of #48ae1f

Tones of #48ae1f

Color Blindness Simulator