colorhexa.com

#48a81f hex color

In a RGB color space, hex #48a81f is composed of 28.2% red, 65.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 81.5% yellow and 34.1% black. It has a hue angle of 102 degrees, a saturation of 68.8% and a lightness of 39%. #48a81f color hex could be obtained by blending #90ff3e with #005100. Closest websafe color is: #339933.

- R 28
- G 66
- B 12
RGB color chart
- C 57
- M 0
- Y 82
- K 34
CMYK color chart

● #48a81f color description : Dark green.

The hexadecimal color #48a81f has RGB values of R:72, G:168, B:31 and CMYK values of C:0.57, M:0, Y:0.82, K:0.34. Its decimal value is 4761631.

Hex triplet	48a81f	`#48a81f`
RGB Decimal	72, 168, 31	`rgb(72,168,31)`
RGB Percent	28.2, 65.9, 12.2	`rgb(28.2%,65.9%,12.2%)`
CMYK	57, 0, 82, 34
HSL	102°, 68.8, 39	`hsl(102,68.8%,39%)`
HSV (or HSB)	102°, 81.5, 65.9
Web Safe	339933	`#339933`

CIE-LAB	61.203, -51.494, 56.603
XYZ	16.922, 29.481, 6.095
xyY	0.322, 0.562, 29.481
CIE-LCH	61.203, 76.521, 132.294
CIE-LUV	61.203, -44.605, 69.553
Hunter-Lab	54.296, -39.387, 31.352
Binary	01001000, 10101000, 00011111

#48a81f
```
#48a81f rgb(72,168,31)
```
#7f1fa8
```
#7f1fa8 rgb(127,31,168)
```

Complementary Color

#8da81f
```
#8da81f rgb(141,168,31)
```
#48a81f
```
#48a81f rgb(72,168,31)
```
#1fa83b
```
#1fa83b rgb(31,168,59)
```

Analogous Color

#a81f8d
```
#a81f8d rgb(168,31,141)
```
#48a81f
```
#48a81f rgb(72,168,31)
```
#3b1fa8
```
#3b1fa8 rgb(59,31,168)
```

Split Complementary Color

#a81f48
```
#a81f48 rgb(168,31,72)
```
#48a81f
```
#48a81f rgb(72,168,31)
```
#1f48a8
```
#1f48a8 rgb(31,72,168)
```

Triadic Color

#a87f1f
```
#a87f1f rgb(168,127,31)
```
#48a81f
```
#48a81f rgb(72,168,31)
```
#1f48a8
```
#1f48a8 rgb(31,72,168)
```
#7f1fa8
```
#7f1fa8 rgb(127,31,168)
```

Tetradic Color

#2c6713
```
#2c6713 rgb(44,103,19)
```
#367d17
```
#367d17 rgb(54,125,23)
```
#3f921b
```
#3f921b rgb(63,146,27)
```
#48a81f
```
#48a81f rgb(72,168,31)
```
#51be23
```
#51be23 rgb(81,190,35)
```
#5ad327
```
#5ad327 rgb(90,211,39)
```
#69da39
```
#69da39 rgb(105,218,57)
```

Monochromatic Color

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

#6aa81f
```
#6aa81f rgb(106,168,31)
```
#5fa81f
```
#5fa81f rgb(95,168,31)
```
#53a81f
```
#53a81f rgb(83,168,31)
```
#48a81f
```
#48a81f rgb(72,168,31)
```
#3da81f
```
#3da81f rgb(61,168,31)
```
#31a81f
```
#31a81f rgb(49,168,31)
```
#26a81f
```
#26a81f rgb(38,168,31)
```

Similar Colors

Text with hexadecimal color #48a81f

This text has a font color of #48a81f.

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

#48a81f background color

This paragraph has a background color of #48a81f.

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

#48a81f border color

This element has a border color of #48a81f.

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

CSS codes

.text {color:#48a81f;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#081303
```
#081303 rgb(8,19,3)
```
#0f2407
```
#0f2407 rgb(15,36,7)
```
#16340a
```
#16340a rgb(22,52,10)
```
#1d450d
```
#1d450d rgb(29,69,13)
```
#255510
```
#255510 rgb(37,85,16)
```
#2c6613
```
#2c6613 rgb(44,102,19)
```
#337616
```
#337616 rgb(51,118,22)
```
#3a8719
```
#3a8719 rgb(58,135,25)
```
#41971c
```
#41971c rgb(65,151,28)
```
#48a81f
```
#48a81f rgb(72,168,31)
```
#4fb922
```
#4fb922 rgb(79,185,34)
```
#56c925
```
#56c925 rgb(86,201,37)
```

Shade Color Variation

#5ed82a
```
#5ed82a rgb(94,216,42)
```
#6bdb3b
```
#6bdb3b rgb(107,219,59)
```
#77de4b
```
#77de4b rgb(119,222,75)
```
#84e15c
```
#84e15c rgb(132,225,92)
```
#90e46c
```
#90e46c rgb(144,228,108)
```
#9de77d
```
#9de77d rgb(157,231,125)
```
#a9ea8d
```
#a9ea8d rgb(169,234,141)
```
#b6ed9e
```
#b6ed9e rgb(182,237,158)
```
#c2f0af
```
#c2f0af rgb(194,240,175)
```
#cff3bf
```
#cff3bf rgb(207,243,191)
```
#dbf6d0
```
#dbf6d0 rgb(219,246,208)
```
#e8f9e0
```
#e8f9e0 rgb(232,249,224)
```
#f4fcf1
```
#f4fcf1 rgb(244,252,241)
```

Tint Color Variation

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

#616b5c
```
#616b5c rgb(97,107,92)
```
#5e7255
```
#5e7255 rgb(94,114,85)
```
#5a7a4d
```
#5a7a4d rgb(90,122,77)
```
#578245
```
#578245 rgb(87,130,69)
```
#54893e
```
#54893e rgb(84,137,62)
```
#519136
```
#519136 rgb(81,145,54)
```
#4e992e
```
#4e992e rgb(78,153,46)
```
#4ba027
```
#4ba027 rgb(75,160,39)
```
#48a81f
```
#48a81f rgb(72,168,31)
```
#45b017
```
#45b017 rgb(69,176,23)
```
#42b710
```
#42b710 rgb(66,183,16)
```
#3fbf08
```
#3fbf08 rgb(63,191,8)
```
#3cc700
```
#3cc700 rgb(60,199,0)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#728569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9925 Protanopia 1% of men
#bd9239 Deuteranopia 1% of men
#6da1ad Tritanopia 0.001% of the population

Trichromacy

#879e23 Protanomaly 1% of men, 0.01% of women
#929a2f Deuteranomaly 6% of men, 0.4% of women
#5fa379 Tritanomaly 0.01% of the population