#48f880 hex color

In a RGB color space, hex #48f880 is composed of 28.2% red, 97.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 48.4% yellow and 2.7% black. It has a hue angle of 139.1 degrees, a saturation of 92.6% and a lightness of 62.7%. #48f880 color hex could be obtained by blending #90ffff with #00f101. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 97
- B 50
RGB color chart
- C 71
- M 0
- Y 48
- K 3
CMYK color chart

● #48f880 color description : Bright cyan - lime green.

The hexadecimal color #48f880 has RGB values of R:72, G:248, B:128 and CMYK values of C:0.71, M:0, Y:0.48, K:0.03. Its decimal value is 4782208.

Hex triplet	48f880	`#48f880`
RGB Decimal	72, 248, 128	`rgb(72,248,128)`
RGB Percent	28.2, 97.3, 50.2	`rgb(28.2%,97.3%,50.2%)`
CMYK	71, 0, 48, 3
HSL	139.1°, 92.6, 62.7	`hsl(139.1,92.6%,62.7%)`
HSV (or HSB)	139.1°, 71, 97.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.03, -68.983, 44.901
XYZ	40.134, 70.067, 31.83
xyY	0.283, 0.493, 70.067
CIE-LCH	87.03, 82.309, 146.94
CIE-LUV	87.03, -70.773, 71.377
Hunter-Lab	83.706, -60.902, 36.049
Binary	01001000, 11111000, 10000000

#48f880
```
#48f880 rgb(72,248,128)
```
#f848c0
```
#f848c0 rgb(248,72,192)
```

Complementary Color

#68f848
```
#68f848 rgb(104,248,72)
```
#48f880
```
#48f880 rgb(72,248,128)
```
#48f8d8
```
#48f8d8 rgb(72,248,216)
```

Analogous Color

#f84868
```
#f84868 rgb(248,72,104)
```
#48f880
```
#48f880 rgb(72,248,128)
```
#d848f8
```
#d848f8 rgb(216,72,248)
```

Split Complementary Color

#f88048
```
#f88048 rgb(248,128,72)
```
#48f880
```
#48f880 rgb(72,248,128)
```
#8048f8
```
#8048f8 rgb(128,72,248)
```

Triadic Color

#c0f848
```
#c0f848 rgb(192,248,72)
```
#48f880
```
#48f880 rgb(72,248,128)
```
#8048f8
```
#8048f8 rgb(128,72,248)
```
#f848c0
```
#f848c0 rgb(248,72,192)
```

Tetradic Color

#09eb51
```
#09eb51 rgb(9,235,81)
```
#17f65e
```
#17f65e rgb(23,246,94)
```
#2ff76f
```
#2ff76f rgb(47,247,111)
```
#48f880
```
#48f880 rgb(72,248,128)
```
#61f991
```
#61f991 rgb(97,249,145)
```
#79faa2
```
#79faa2 rgb(121,250,162)
```
#92fbb3
```
#92fbb3 rgb(146,251,179)
```

Monochromatic Color

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

#48f854
```
#48f854 rgb(72,248,84)
```
#48f863
```
#48f863 rgb(72,248,99)
```
#48f871
```
#48f871 rgb(72,248,113)
```
#48f880
```
#48f880 rgb(72,248,128)
```
#48f88f
```
#48f88f rgb(72,248,143)
```
#48f89d
```
#48f89d rgb(72,248,157)
```
#48f8ac
```
#48f8ac rgb(72,248,172)
```

Similar Colors

Text with hexadecimal color #48f880

This text has a font color of #48f880.

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

#48f880 background color

This paragraph has a background color of #48f880.

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

#48f880 border color

This element has a border color of #48f880.

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

CSS codes

.text {color:#48f880;}

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

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

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

#000602
```
#000602 rgb(0,6,2)
```
#011909
```
#011909 rgb(1,25,9)
```
#022c0f
```
#022c0f rgb(2,44,15)
```
#023f16
```
#023f16 rgb(2,63,22)
```
#03511c
```
#03511c rgb(3,81,28)
```
#046423
```
#046423 rgb(4,100,35)
```
#057729
```
#057729 rgb(5,119,41)
```
#058a30
```
#058a30 rgb(5,138,48)
```
#069d36
```
#069d36 rgb(6,157,54)
```
#07b03d
```
#07b03d rgb(7,176,61)
```
#07c343
```
#07c343 rgb(7,195,67)
```
#08d64a
```
#08d64a rgb(8,214,74)
```
#09e950
```
#09e950 rgb(9,233,80)
```

Shade Color Variation

#0ff659
```
#0ff659 rgb(15,246,89)
```
#22f766
```
#22f766 rgb(34,247,102)
```
#35f773
```
#35f773 rgb(53,247,115)
```
#48f880
```
#48f880 rgb(72,248,128)
```
#5bf98d
```
#5bf98d rgb(91,249,141)
```
#6ef99a
```
#6ef99a rgb(110,249,154)
```
#81faa7
```
#81faa7 rgb(129,250,167)
```
#94fbb4
```
#94fbb4 rgb(148,251,180)
```
#a6fcc2
```
#a6fcc2 rgb(166,252,194)
```
#b9fccf
```
#b9fccf rgb(185,252,207)
```
#ccfddc
```
#ccfddc rgb(204,253,220)
```
#dffee9
```
#dffee9 rgb(223,254,233)
```
#f2fff6
```
#f2fff6 rgb(242,255,246)
```

Tint Color Variation

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

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#98a89d
```
#98a89d rgb(152,168,157)
```
#91af9b
```
#91af9b rgb(145,175,155)
```
#8ab698
```
#8ab698 rgb(138,182,152)
```
#82be95
```
#82be95 rgb(130,190,149)
```
#7bc593
```
#7bc593 rgb(123,197,147)
```
#74cc90
```
#74cc90 rgb(116,204,144)
```
#6dd38d
```
#6dd38d rgb(109,211,141)
```
#65db8b
```
#65db8b rgb(101,219,139)
```
#5ee288
```
#5ee288 rgb(94,226,136)
```
#57e985
```
#57e985 rgb(87,233,133)
```
#4ff183
```
#4ff183 rgb(79,241,131)
```
#48f880
```
#48f880 rgb(72,248,128)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a0c3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1db7c Protanopia 1% of men
#ffd4a5 Deuteranopia 1% of men
#81ebfc Tritanopia 0.001% of the population

Trichromacy

#b3e67e Protanomaly 1% of men, 0.01% of women
#bce197 Deuteranomaly 6% of men, 0.4% of women
#6cefcf Tritanomaly 0.01% of the population

#48f880 hex color

#48f880 Color Information

#48f880 Color Conversion

Color Schemes with #48f880

Alternatives to #48f880

#48f880 Preview

Shades and Tints of #48f880

Tones of #48f880

Color Blindness Simulator