#48b248 hex color

In a RGB color space, hex #48b248 is composed of 28.2% red, 69.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 0% magenta, 59.6% yellow and 30.2% black. It has a hue angle of 120 degrees, a saturation of 42.4% and a lightness of 49%. #48b248 color hex could be obtained by blending #90ff90 with #006500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 28
- G 70
- B 28
RGB color chart
- C 60
- M 0
- Y 60
- K 30
CMYK color chart

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

The hexadecimal color #48b248 has RGB values of R:72, G:178, B:72 and CMYK values of C:0.6, M:0, Y:0.6, K:0.3. Its decimal value is 4764232.

Hex triplet	48b248	`#48b248`
RGB Decimal	72, 178, 72	`rgb(72,178,72)`
RGB Percent	28.2, 69.8, 28.2	`rgb(28.2%,69.8%,28.2%)`
CMYK	60, 0, 60, 30
HSL	120°, 42.4, 49	`hsl(120,42.4%,49%)`
HSV (or HSB)	120°, 59.6, 69.8
Web Safe	339933	`#339933`

CIE-LAB	64.712, -51.686, 44.371
XYZ	19.762, 33.685, 11.591
xyY	0.304, 0.518, 33.685
CIE-LCH	64.712, 68.119, 139.355
CIE-LUV	64.712, -47.646, 61.591
Hunter-Lab	58.039, -40.79, 28.786
Binary	01001000, 10110010, 01001000

#48b248
```
#48b248 rgb(72,178,72)
```
#b248b2
```
#b248b2 rgb(178,72,178)
```

Complementary Color

#7db248
```
#7db248 rgb(125,178,72)
```
#48b248
```
#48b248 rgb(72,178,72)
```
#48b27d
```
#48b27d rgb(72,178,125)
```

Analogous Color

#b2487d
```
#b2487d rgb(178,72,125)
```
#48b248
```
#48b248 rgb(72,178,72)
```
#7d48b2
```
#7d48b2 rgb(125,72,178)
```

Split Complementary Color

#b24848
```
#b24848 rgb(178,72,72)
```
#48b248
```
#48b248 rgb(72,178,72)
```
#4848b2
```
#4848b2 rgb(72,72,178)
```

Triadic Color

#b2b248
```
#b2b248 rgb(178,178,72)
```
#48b248
```
#48b248 rgb(72,178,72)
```
#4848b2
```
#4848b2 rgb(72,72,178)
```
#b248b2
```
#b248b2 rgb(178,72,178)
```

Tetradic Color

#327c32
```
#327c32 rgb(50,124,50)
```
#398e39
```
#398e39 rgb(57,142,57)
```
#41a041
```
#41a041 rgb(65,160,65)
```
#48b248
```
#48b248 rgb(72,178,72)
```
#58bb58
```
#58bb58 rgb(88,187,88)
```
#6ac36a
```
#6ac36a rgb(106,195,106)
```
#7cca7c
```
#7cca7c rgb(124,202,124)
```

Monochromatic Color

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

#63b248
```
#63b248 rgb(99,178,72)
```
#5ab248
```
#5ab248 rgb(90,178,72)
```
#51b248
```
#51b248 rgb(81,178,72)
```
#48b248
```
#48b248 rgb(72,178,72)
```
#48b251
```
#48b251 rgb(72,178,81)
```
#48b25a
```
#48b25a rgb(72,178,90)
```
#48b263
```
#48b263 rgb(72,178,99)
```

Similar Colors

Text with hexadecimal color #48b248

This text has a font color of #48b248.

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

#48b248 background color

This paragraph has a background color of #48b248.

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

#48b248 border color

This element has a border color of #48b248.

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

CSS codes

.text {color:#48b248;}

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

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

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, #040a04 is the darkest color, while #fbfefb is the lightest one.

#040a04
```
#040a04 rgb(4,10,4)
```
#0a180a
```
#0a180a rgb(10,24,10)
```
#102610
```
#102610 rgb(16,38,16)
```
#153415
```
#153415 rgb(21,52,21)
```
#1b421b
```
#1b421b rgb(27,66,27)
```
#205020
```
#205020 rgb(32,80,32)
```
#265e26
```
#265e26 rgb(38,94,38)
```
#2c6c2c
```
#2c6c2c rgb(44,108,44)
```
#317a31
```
#317a31 rgb(49,122,49)
```
#378837
```
#378837 rgb(55,136,55)
```
#3d963d
```
#3d963d rgb(61,150,61)
```
#42a442
```
#42a442 rgb(66,164,66)
```
#48b248
```
#48b248 rgb(72,178,72)
```

Shade Color Variation

#54ba54
```
#54ba54 rgb(84,186,84)
```
#62bf62
```
#62bf62 rgb(98,191,98)
```
#70c570
```
#70c570 rgb(112,197,112)
```
#7ecb7e
```
#7ecb7e rgb(126,203,126)
```
#8cd08c
```
#8cd08c rgb(140,208,140)
```
#9ad69a
```
#9ad69a rgb(154,214,154)
```
#a8dca8
```
#a8dca8 rgb(168,220,168)
```
#b6e1b6
```
#b6e1b6 rgb(182,225,182)
```
#c4e7c4
```
#c4e7c4 rgb(196,231,196)
```
#d2edd2
```
#d2edd2 rgb(210,237,210)
```
#e0f2e0
```
#e0f2e0 rgb(224,242,224)
```
#edf8ed
```
#edf8ed rgb(237,248,237)
```
#fbfefb
```
#fbfefb rgb(251,254,251)
```

Tint Color Variation

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

#788278
```
#788278 rgb(120,130,120)
```
#6e8c6e
```
#6e8c6e rgb(110,140,110)
```
#659565
```
#659565 rgb(101,149,101)
```
#5b9f5b
```
#5b9f5b rgb(91,159,91)
```
#52a852
```
#52a852 rgb(82,168,82)
```
#48b248
```
#48b248 rgb(72,178,72)
```
#3ebc3e
```
#3ebc3e rgb(62,188,62)
```
#35c535
```
#35c535 rgb(53,197,53)
```
#2bcf2b
```
#2bcf2b rgb(43,207,43)
```
#22d822
```
#22d822 rgb(34,216,34)
```
#18e218
```
#18e218 rgb(24,226,24)
```
#0eec0e
```
#0eec0e rgb(14,236,14)
```
#05f505
```
#05f505 rgb(5,245,5)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7a8f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a24b Protanopia 1% of men
#c49b5b Deuteranopia 1% of men
#6eabb7 Tritanopia 0.001% of the population

Trichromacy

#8ca74a Protanomaly 1% of men, 0.01% of women
#97a354 Deuteranomaly 6% of men, 0.4% of women
#60ad8f Tritanomaly 0.01% of the population

#48b248 hex color

#48b248 Color Information

#48b248 Color Conversion

Color Schemes with #48b248

Alternatives to #48b248

#48b248 Preview

Shades and Tints of #48b248

Tones of #48b248

Color Blindness Simulator