#48e778 hex color

In a RGB color space, hex #48e778 is composed of 28.2% red, 90.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 0% magenta, 48.1% yellow and 9.4% black. It has a hue angle of 138.1 degrees, a saturation of 76.8% and a lightness of 59.4%. #48e778 color hex could be obtained by blending #90fff0 with #00cf00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 28
- G 91
- B 47
RGB color chart
- C 69
- M 0
- Y 48
- K 9
CMYK color chart

● #48e778 color description : Soft cyan - lime green.

The hexadecimal color #48e778 has RGB values of R:72, G:231, B:120 and CMYK values of C:0.69, M:0, Y:0.48, K:0.09. Its decimal value is 4777848.

Hex triplet	48e778	`#48e778`
RGB Decimal	72, 231, 120	`rgb(72,231,120)`
RGB Percent	28.2, 90.6, 47.1	`rgb(28.2%,90.6%,47.1%)`
CMYK	69, 0, 48, 9
HSL	138.1°, 76.8, 59.4	`hsl(138.1,76.8%,59.4%)`
HSV (or HSB)	138.1°, 68.8, 90.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.774, -64.304, 42.153
XYZ	34.636, 59.882, 27.501
xyY	0.284, 0.491, 59.882
CIE-LCH	81.774, 76.888, 146.754
CIE-LUV	81.774, -65.264, 66.382
Hunter-Lab	77.384, -55.526, 33.098
Binary	01001000, 11100111, 01111000

#48e778
```
#48e778 rgb(72,231,120)
```
#e748b7
```
#e748b7 rgb(231,72,183)
```

Complementary Color

#68e748
```
#68e748 rgb(104,231,72)
```
#48e778
```
#48e778 rgb(72,231,120)
```
#48e7c8
```
#48e7c8 rgb(72,231,200)
```

Analogous Color

#e74868
```
#e74868 rgb(231,72,104)
```
#48e778
```
#48e778 rgb(72,231,120)
```
#c848e7
```
#c848e7 rgb(200,72,231)
```

Split Complementary Color

#e77848
```
#e77848 rgb(231,120,72)
```
#48e778
```
#48e778 rgb(72,231,120)
```
#7848e7
```
#7848e7 rgb(120,72,231)
```

Triadic Color

#b7e748
```
#b7e748 rgb(183,231,72)
```
#48e778
```
#48e778 rgb(72,231,120)
```
#7848e7
```
#7848e7 rgb(120,72,231)
```
#e748b7
```
#e748b7 rgb(231,72,183)
```

Tetradic Color

#1ac84f
```
#1ac84f rgb(26,200,79)
```
#1ddf58
```
#1ddf58 rgb(29,223,88)
```
#31e467
```
#31e467 rgb(49,228,103)
```
#48e778
```
#48e778 rgb(72,231,120)
```
#5fea89
```
#5fea89 rgb(95,234,137)
```
#75ed99
```
#75ed99 rgb(117,237,153)
```
#8cf0aa
```
#8cf0aa rgb(140,240,170)
```

Monochromatic Color

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

#48e750
```
#48e750 rgb(72,231,80)
```
#48e75d
```
#48e75d rgb(72,231,93)
```
#48e76b
```
#48e76b rgb(72,231,107)
```
#48e778
```
#48e778 rgb(72,231,120)
```
#48e785
```
#48e785 rgb(72,231,133)
```
#48e793
```
#48e793 rgb(72,231,147)
```
#48e7a0
```
#48e7a0 rgb(72,231,160)
```

Similar Colors

Text with hexadecimal color #48e778

This text has a font color of #48e778.

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

#48e778 background color

This paragraph has a background color of #48e778.

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

#48e778 border color

This element has a border color of #48e778.

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

CSS codes

.text {color:#48e778;}

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

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

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

#010803
```
#010803 rgb(1,8,3)
```
#03190a
```
#03190a rgb(3,25,10)
```
#062a11
```
#062a11 rgb(6,42,17)
```
#083c18
```
#083c18 rgb(8,60,24)
```
#0a4d1e
```
#0a4d1e rgb(10,77,30)
```
#0c5e25
```
#0c5e25 rgb(12,94,37)
```
#0f702c
```
#0f702c rgb(15,112,44)
```
#118133
```
#118133 rgb(17,129,51)
```
#13923a
```
#13923a rgb(19,146,58)
```
#15a440
```
#15a440 rgb(21,164,64)
```
#18b547
```
#18b547 rgb(24,181,71)
```
#1ac74e
```
#1ac74e rgb(26,199,78)
```
#1cd855
```
#1cd855 rgb(28,216,85)
```

Shade Color Variation

#25e25e
```
#25e25e rgb(37,226,94)
```
#37e56b
```
#37e56b rgb(55,229,107)
```
#48e778
```
#48e778 rgb(72,231,120)
```
#59e985
```
#59e985 rgb(89,233,133)
```
#6bec92
```
#6bec92 rgb(107,236,146)
```
#7cee9e
```
#7cee9e rgb(124,238,158)
```
#8df0ab
```
#8df0ab rgb(141,240,171)
```
#9ff2b8
```
#9ff2b8 rgb(159,242,184)
```
#b0f5c5
```
#b0f5c5 rgb(176,245,197)
```
#c1f7d2
```
#c1f7d2 rgb(193,247,210)
```
#d3f9de
```
#d3f9de rgb(211,249,222)
```
#e4fbeb
```
#e4fbeb rgb(228,251,235)
```
#f5fef8
```
#f5fef8 rgb(245,254,248)
```

Tint Color Variation

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

#909f94
```
#909f94 rgb(144,159,148)
```
#88a791
```
#88a791 rgb(136,167,145)
```
#80af8e
```
#80af8e rgb(128,175,142)
```
#78b78b
```
#78b78b rgb(120,183,139)
```
#70bf88
```
#70bf88 rgb(112,191,136)
```
#68c785
```
#68c785 rgb(104,199,133)
```
#60cf81
```
#60cf81 rgb(96,207,129)
```
#58d77e
```
#58d77e rgb(88,215,126)
```
#50df7b
```
#50df7b rgb(80,223,123)
```
#48e778
```
#48e778 rgb(72,231,120)
```
#40ef75
```
#40ef75 rgb(64,239,117)
```
#38f772
```
#38f772 rgb(56,247,114)
```
#30ff6f
```
#30ff6f rgb(48,255,111)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#97b7a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ce75 Protanopia 1% of men
#f5c58b Deuteranopia 1% of men
#7cdbeb Tritanopia 0.001% of the population

Trichromacy

#a9d776 Protanomaly 1% of men, 0.01% of women
#b6d184 Deuteranomaly 6% of men, 0.4% of women
#69dfc1 Tritanomaly 0.01% of the population

#48e778 hex color

#48e778 Color Information

#48e778 Color Conversion

Color Schemes with #48e778

Alternatives to #48e778

#48e778 Preview

Shades and Tints of #48e778

Tones of #48e778

Color Blindness Simulator