#48f450 hex color

In a RGB color space, hex #48f450 is composed of 28.2% red, 95.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 0% magenta, 67.2% yellow and 4.3% black. It has a hue angle of 122.8 degrees, a saturation of 88.7% and a lightness of 62%. #48f450 color hex could be obtained by blending #90ffa0 with #00e900. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 28
- G 96
- B 31
RGB color chart
- C 70
- M 0
- Y 67
- K 4
CMYK color chart

● #48f450 color description : Bright lime green.

The hexadecimal color #48f450 has RGB values of R:72, G:244, B:80 and CMYK values of C:0.7, M:0, Y:0.67, K:0.04. Its decimal value is 4781136.

Hex triplet	48f450	`#48f450`
RGB Decimal	72, 244, 80	`rgb(72,244,80)`
RGB Percent	28.2, 95.7, 31.4	`rgb(28.2%,95.7%,31.4%)`
CMYK	70, 0, 67, 4
HSL	122.8°, 88.7, 62	`hsl(122.8,88.7%,62%)`
HSV (or HSB)	122.8°, 70.5, 95.7
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.329, -73.436, 63.868
XYZ	36.469, 66.655, 18.533
xyY	0.3, 0.548, 66.655
CIE-LCH	85.329, 97.324, 138.986
CIE-LUV	85.329, -71.26, 89.932
Hunter-Lab	81.642, -63.139, 43.691
Binary	01001000, 11110100, 01010000

#48f450
```
#48f450 rgb(72,244,80)
```
#f448ec
```
#f448ec rgb(244,72,236)
```

Complementary Color

#96f448
```
#96f448 rgb(150,244,72)
```
#48f450
```
#48f450 rgb(72,244,80)
```
#48f4a6
```
#48f4a6 rgb(72,244,166)
```

Analogous Color

#f44896
```
#f44896 rgb(244,72,150)
```
#48f450
```
#48f450 rgb(72,244,80)
```
#a648f4
```
#a648f4 rgb(166,72,244)
```

Split Complementary Color

#f45048
```
#f45048 rgb(244,80,72)
```
#48f450
```
#48f450 rgb(72,244,80)
```
#5048f4
```
#5048f4 rgb(80,72,244)
```

Triadic Color

#ecf448
```
#ecf448 rgb(236,244,72)
```
#48f450
```
#48f450 rgb(72,244,80)
```
#5048f4
```
#5048f4 rgb(80,72,244)
```
#f448ec
```
#f448ec rgb(244,72,236)
```

Tetradic Color

#0ee217
```
#0ee217 rgb(14,226,23)
```
#18f122
```
#18f122 rgb(24,241,34)
```
#30f339
```
#30f339 rgb(48,243,57)
```
#48f450
```
#48f450 rgb(72,244,80)
```
#60f567
```
#60f567 rgb(96,245,103)
```
#78f77e
```
#78f77e rgb(120,247,126)
```
#90f895
```
#90f895 rgb(144,248,149)
```

Monochromatic Color

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

#6bf448
```
#6bf448 rgb(107,244,72)
```
#5df448
```
#5df448 rgb(93,244,72)
```
#4ef448
```
#4ef448 rgb(78,244,72)
```
#48f450
```
#48f450 rgb(72,244,80)
```
#48f45e
```
#48f45e rgb(72,244,94)
```
#48f46d
```
#48f46d rgb(72,244,109)
```
#48f47b
```
#48f47b rgb(72,244,123)
```

Similar Colors

Text with hexadecimal color #48f450

This text has a font color of #48f450.

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

#48f450 background color

This paragraph has a background color of #48f450.

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

#48f450 border color

This element has a border color of #48f450.

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

CSS codes

.text {color:#48f450;}

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

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

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

#000200
```
#000200 rgb(0,2,0)
```
#011502
```
#011502 rgb(1,21,2)
```
#022704
```
#022704 rgb(2,39,4)
```
#033a06
```
#033a06 rgb(3,58,6)
```
#054c08
```
#054c08 rgb(5,76,8)
```
#065f0a
```
#065f0a rgb(6,95,10)
```
#07710c
```
#07710c rgb(7,113,12)
```
#08840e
```
#08840e rgb(8,132,14)
```
#099610
```
#099610 rgb(9,150,16)
```
#0aa912
```
#0aa912 rgb(10,169,18)
```
#0bbb13
```
#0bbb13 rgb(11,187,19)
```
#0cce15
```
#0cce15 rgb(12,206,21)
```
#0de017
```
#0de017 rgb(13,224,23)
```

Shade Color Variation

#10f11b
```
#10f11b rgb(16,241,27)
```
#23f22d
```
#23f22d rgb(35,242,45)
```
#35f33e
```
#35f33e rgb(53,243,62)
```
#48f450
```
#48f450 rgb(72,244,80)
```
#5bf562
```
#5bf562 rgb(91,245,98)
```
#6df673
```
#6df673 rgb(109,246,115)
```
#80f785
```
#80f785 rgb(128,247,133)
```
#92f897
```
#92f897 rgb(146,248,151)
```
#a5faa8
```
#a5faa8 rgb(165,250,168)
```
#b7fbba
```
#b7fbba rgb(183,251,186)
```
#cafccc
```
#cafccc rgb(202,252,204)
```
#dcfdde
```
#dcfdde rgb(220,253,222)
```
#effeef
```
#effeef rgb(239,254,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa29a is the less saturated color, while #41fb49 is the most saturated one.

#9aa29a
```
#9aa29a rgb(154,162,154)
```
#93a994
```
#93a994 rgb(147,169,148)
```
#8bb18d
```
#8bb18d rgb(139,177,141)
```
#84b886
```
#84b886 rgb(132,184,134)
```
#7cc07f
```
#7cc07f rgb(124,192,127)
```
#75c779
```
#75c779 rgb(117,199,121)
```
#6dcf72
```
#6dcf72 rgb(109,207,114)
```
#66d66b
```
#66d66b rgb(102,214,107)
```
#5ede64
```
#5ede64 rgb(94,222,100)
```
#57e55e
```
#57e55e rgb(87,229,94)
```
#4fed57
```
#4fed57 rgb(79,237,87)
```
#48f450
```
#48f450 rgb(72,244,80)
```
#41fb49
```
#41fb49 rgb(65,251,73)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9abc9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd751 Protanopia 1% of men
#ffcf8a Deuteranopia 1% of men
#85e5f6 Tritanopia 0.001% of the population

Trichromacy

#b2e150 Protanomaly 1% of men, 0.01% of women
#bcdc75 Deuteranomaly 6% of men, 0.4% of women
#6feab9 Tritanomaly 0.01% of the population

#48f450 hex color

#48f450 Color Information

#48f450 Color Conversion

Color Schemes with #48f450

Alternatives to #48f450

#48f450 Preview

Shades and Tints of #48f450

Tones of #48f450

Color Blindness Simulator