#48f370 hex color

In a RGB color space, hex #48f370 is composed of 28.2% red, 95.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 53.9% yellow and 4.7% black. It has a hue angle of 134 degrees, a saturation of 87.7% and a lightness of 61.8%. #48f370 color hex could be obtained by blending #90ffe0 with #00e700. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 28
- G 95
- B 44
RGB color chart
- C 70
- M 0
- Y 54
- K 5
CMYK color chart

● #48f370 color description : Bright lime green.

The hexadecimal color #48f370 has RGB values of R:72, G:243, B:112 and CMYK values of C:0.7, M:0, Y:0.54, K:0.05. Its decimal value is 4780912.

Hex triplet	48f370	`#48f370`
RGB Decimal	72, 243, 112	`rgb(72,243,112)`
RGB Percent	28.2, 95.3, 43.9	`rgb(28.2%,95.3%,43.9%)`
CMYK	70, 0, 54, 5
HSL	134°, 87.7, 61.8	`hsl(134,87.7%,61.8%)`
HSV (or HSB)	134°, 70.4, 95.3
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.324, -69.55, 50.287
XYZ	37.645, 66.645, 26.208
xyY	0.288, 0.511, 66.645
CIE-LCH	85.324, 85.825, 144.132
CIE-LUV	85.324, -69.774, 76.702
Hunter-Lab	81.636, -60.551, 38.111
Binary	01001000, 11110011, 01110000

#48f370
```
#48f370 rgb(72,243,112)
```
#f348cb
```
#f348cb rgb(243,72,203)
```

Complementary Color

#76f348
```
#76f348 rgb(118,243,72)
```
#48f370
```
#48f370 rgb(72,243,112)
```
#48f3c6
```
#48f3c6 rgb(72,243,198)
```

Analogous Color

#f34876
```
#f34876 rgb(243,72,118)
```
#48f370
```
#48f370 rgb(72,243,112)
```
#c648f3
```
#c648f3 rgb(198,72,243)
```

Split Complementary Color

#f37048
```
#f37048 rgb(243,112,72)
```
#48f370
```
#48f370 rgb(72,243,112)
```
#7048f3
```
#7048f3 rgb(112,72,243)
```

Triadic Color

#cbf348
```
#cbf348 rgb(203,243,72)
```
#48f370
```
#48f370 rgb(72,243,112)
```
#7048f3
```
#7048f3 rgb(112,72,243)
```
#f348cb
```
#f348cb rgb(243,72,203)
```

Tetradic Color

#0fe040
```
#0fe040 rgb(15,224,64)
```
#18f04b
```
#18f04b rgb(24,240,75)
```
#30f15d
```
#30f15d rgb(48,241,93)
```
#48f370
```
#48f370 rgb(72,243,112)
```
#60f583
```
#60f583 rgb(96,245,131)
```
#78f695
```
#78f695 rgb(120,246,149)
```
#90f8a8
```
#90f8a8 rgb(144,248,168)
```

Monochromatic Color

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

#4bf348
```
#4bf348 rgb(75,243,72)
```
#48f354
```
#48f354 rgb(72,243,84)
```
#48f362
```
#48f362 rgb(72,243,98)
```
#48f370
```
#48f370 rgb(72,243,112)
```
#48f37e
```
#48f37e rgb(72,243,126)
```
#48f38d
```
#48f38d rgb(72,243,141)
```
#48f39b
```
#48f39b rgb(72,243,155)
```

Similar Colors

Text with hexadecimal color #48f370

This text has a font color of #48f370.

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

#48f370 background color

This paragraph has a background color of #48f370.

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

#48f370 border color

This element has a border color of #48f370.

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

CSS codes

.text {color:#48f370;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#011306
```
#011306 rgb(1,19,6)
```
#02260b
```
#02260b rgb(2,38,11)
```
#043810
```
#043810 rgb(4,56,16)
```
#054b15
```
#054b15 rgb(5,75,21)
```
#065d1a
```
#065d1a rgb(6,93,26)
```
#077020
```
#077020 rgb(7,112,32)
```
#098225
```
#098225 rgb(9,130,37)
```
#0a942a
```
#0a942a rgb(10,148,42)
```
#0ba72f
```
#0ba72f rgb(11,167,47)
```
#0cb935
```
#0cb935 rgb(12,185,53)
```
#0dcc3a
```
#0dcc3a rgb(13,204,58)
```
#0fde3f
```
#0fde3f rgb(15,222,63)
```

Shade Color Variation

#11ef45
```
#11ef45 rgb(17,239,69)
```
#23f153
```
#23f153 rgb(35,241,83)
```
#36f262
```
#36f262 rgb(54,242,98)
```
#48f370
```
#48f370 rgb(72,243,112)
```
#5af47e
```
#5af47e rgb(90,244,126)
```
#6df58d
```
#6df58d rgb(109,245,141)
```
#7ff79b
```
#7ff79b rgb(127,247,155)
```
#92f8aa
```
#92f8aa rgb(146,248,170)
```
#a4f9b8
```
#a4f9b8 rgb(164,249,184)
```
#b6fac6
```
#b6fac6 rgb(182,250,198)
```
#c9fbd5
```
#c9fbd5 rgb(201,251,213)
```
#dbfde3
```
#dbfde3 rgb(219,253,227)
```
#eefef1
```
#eefef1 rgb(238,254,241)
```

Tint Color Variation

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

#9ba19c
```
#9ba19c rgb(155,161,156)
```
#93a898
```
#93a898 rgb(147,168,152)
```
#8cb094
```
#8cb094 rgb(140,176,148)
```
#84b790
```
#84b790 rgb(132,183,144)
```
#7dbf8c
```
#7dbf8c rgb(125,191,140)
```
#75c688
```
#75c688 rgb(117,198,136)
```
#6ece84
```
#6ece84 rgb(110,206,132)
```
#66d580
```
#66d580 rgb(102,213,128)
```
#5fdd7c
```
#5fdd7c rgb(95,221,124)
```
#57e478
```
#57e478 rgb(87,228,120)
```
#50ec74
```
#50ec74 rgb(80,236,116)
```
#48f370
```
#48f370 rgb(72,243,112)
```
#41fb6c
```
#41fb6c rgb(65,251,108)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9cbea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd76e Protanopia 1% of men
#ffcf91 Deuteranopia 1% of men
#82e5f6 Tritanopia 0.001% of the population

Trichromacy

#b1e16e Protanomaly 1% of men, 0.01% of women
#bcdc85 Deuteranomaly 6% of men, 0.4% of women
#6ceac5 Tritanomaly 0.01% of the population

#48f370 hex color

#48f370 Color Information

#48f370 Color Conversion

Color Schemes with #48f370

Alternatives to #48f370

#48f370 Preview

Shades and Tints of #48f370

Tones of #48f370

Color Blindness Simulator