#48e556 hex color

In a RGB color space, hex #48e556 is composed of 28.2% red, 89.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 0% magenta, 62.4% yellow and 10.2% black. It has a hue angle of 125.4 degrees, a saturation of 75.1% and a lightness of 59%. #48e556 color hex could be obtained by blending #90ffac with #00cb00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 28
- G 90
- B 34
RGB color chart
- C 69
- M 0
- Y 62
- K 10
CMYK color chart

● #48e556 color description : Soft lime green.

The hexadecimal color #48e556 has RGB values of R:72, G:229, B:86 and CMYK values of C:0.69, M:0, Y:0.62, K:0.1. Its decimal value is 4777302.

Hex triplet	48e556	`#48e556`
RGB Decimal	72, 229, 86	`rgb(72,229,86)`
RGB Percent	28.2, 89.8, 33.7	`rgb(28.2%,89.8%,33.7%)`
CMYK	69, 0, 62, 10
HSL	125.4°, 75.1, 59	`hsl(125.4,75.1%,59%)`
HSV (or HSB)	125.4°, 68.6, 89.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	80.786, -68.012, 56.482
XYZ	32.37, 58.085, 18.309
xyY	0.298, 0.534, 58.085
CIE-LCH	80.786, 88.407, 140.291
CIE-LUV	80.786, -65.918, 80.89
Hunter-Lab	76.214, -57.561, 39.106
Binary	01001000, 11100101, 01010110

#48e556
```
#48e556 rgb(72,229,86)
```
#e548d7
```
#e548d7 rgb(229,72,215)
```

Complementary Color

#89e548
```
#89e548 rgb(137,229,72)
```
#48e556
```
#48e556 rgb(72,229,86)
```
#48e5a5
```
#48e5a5 rgb(72,229,165)
```

Analogous Color

#e54889
```
#e54889 rgb(229,72,137)
```
#48e556
```
#48e556 rgb(72,229,86)
```
#a548e5
```
#a548e5 rgb(165,72,229)
```

Split Complementary Color

#e55648
```
#e55648 rgb(229,86,72)
```
#48e556
```
#48e556 rgb(72,229,86)
```
#5648e5
```
#5648e5 rgb(86,72,229)
```

Triadic Color

#d7e548
```
#d7e548 rgb(215,229,72)
```
#48e556
```
#48e556 rgb(72,229,86)
```
#5648e5
```
#5648e5 rgb(86,72,229)
```
#e548d7
```
#e548d7 rgb(229,72,215)
```

Tetradic Color

#1cc52b
```
#1cc52b rgb(28,197,43)
```
#1fdb30
```
#1fdb30 rgb(31,219,48)
```
#32e241
```
#32e241 rgb(50,226,65)
```
#48e556
```
#48e556 rgb(72,229,86)
```
#5ee86b
```
#5ee86b rgb(94,232,107)
```
#75eb7f
```
#75eb7f rgb(117,235,127)
```
#8bef94
```
#8bef94 rgb(139,239,148)
```

Monochromatic Color

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

#61e548
```
#61e548 rgb(97,229,72)
```
#54e548
```
#54e548 rgb(84,229,72)
```
#48e549
```
#48e549 rgb(72,229,73)
```
#48e556
```
#48e556 rgb(72,229,86)
```
#48e563
```
#48e563 rgb(72,229,99)
```
#48e570
```
#48e570 rgb(72,229,112)
```
#48e57d
```
#48e57d rgb(72,229,125)
```

Similar Colors

Text with hexadecimal color #48e556

This text has a font color of #48e556.

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

#48e556 background color

This paragraph has a background color of #48e556.

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

#48e556 border color

This element has a border color of #48e556.

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

CSS codes

.text {color:#48e556;}

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

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

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

#010601
```
#010601 rgb(1,6,1)
```
#031705
```
#031705 rgb(3,23,5)
```
#062809
```
#062809 rgb(6,40,9)
```
#08390d
```
#08390d rgb(8,57,13)
```
#0b4b10
```
#0b4b10 rgb(11,75,16)
```
#0d5c14
```
#0d5c14 rgb(13,92,20)
```
#0f6d18
```
#0f6d18 rgb(15,109,24)
```
#127e1c
```
#127e1c rgb(18,126,28)
```
#148f1f
```
#148f1f rgb(20,143,31)
```
#17a123
```
#17a123 rgb(23,161,35)
```
#19b227
```
#19b227 rgb(25,178,39)
```
#1cc32b
```
#1cc32b rgb(28,195,43)
```
#1ed42e
```
#1ed42e rgb(30,212,46)
```

Shade Color Variation

#26e036
```
#26e036 rgb(38,224,54)
```
#37e346
```
#37e346 rgb(55,227,70)
```
#48e556
```
#48e556 rgb(72,229,86)
```
#59e766
```
#59e766 rgb(89,231,102)
```
#6aea76
```
#6aea76 rgb(106,234,118)
```
#7cec86
```
#7cec86 rgb(124,236,134)
```
#8def95
```
#8def95 rgb(141,239,149)
```
#9ef1a5
```
#9ef1a5 rgb(158,241,165)
```
#aff4b5
```
#aff4b5 rgb(175,244,181)
```
#c0f6c5
```
#c0f6c5 rgb(192,246,197)
```
#d1f9d5
```
#d1f9d5 rgb(209,249,213)
```
#e3fbe5
```
#e3fbe5 rgb(227,251,229)
```
#f4fdf5
```
#f4fdf5 rgb(244,253,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909d91 is the less saturated color, while #30fd42 is the most saturated one.

#909d91
```
#909d91 rgb(144,157,145)
```
#88a58b
```
#88a58b rgb(136,165,139)
```
#80ad84
```
#80ad84 rgb(128,173,132)
```
#78b57e
```
#78b57e rgb(120,181,126)
```
#70bd77
```
#70bd77 rgb(112,189,119)
```
#68c570
```
#68c570 rgb(104,197,112)
```
#60cd6a
```
#60cd6a rgb(96,205,106)
```
#58d563
```
#58d563 rgb(88,213,99)
```
#50dd5d
```
#50dd5d rgb(80,221,93)
```
#48e556
```
#48e556 rgb(72,229,86)
```
#40ed4f
```
#40ed4f rgb(64,237,79)
```
#38f549
```
#38f549 rgb(56,245,73)
```
#30fd42
```
#30fd42 rgb(48,253,66)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#93b396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cb57 Protanopia 1% of men
#f7c26d Deuteranopia 1% of men
#7fd8e8 Tritanopia 0.001% of the population

Trichromacy

#a9d456 Protanomaly 1% of men, 0.01% of women
#b7ce64 Deuteranomaly 6% of men, 0.4% of women
#6bddb3 Tritanomaly 0.01% of the population

#48e556 hex color

#48e556 Color Information

#48e556 Color Conversion

Color Schemes with #48e556

Alternatives to #48e556

#48e556 Preview

Shades and Tints of #48e556

Tones of #48e556

Color Blindness Simulator