colorhexa.com

#48ff7f hex color

In a RGB color space, hex #48ff7f is composed of 28.2% red, 100% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 0% magenta, 50.2% yellow and 0% black. It has a hue angle of 138 degrees, a saturation of 100% and a lightness of 64.1%. #48ff7f color hex could be obtained by blending #90fffe with #00ff00. Closest websafe color is: #33ff66.

- R 28
- G 100
- B 50
RGB color chart
- C 72
- M 0
- Y 50
- K 0
CMYK color chart

● #48ff7f color description : Light cyan - lime green.

The hexadecimal color #48ff7f has RGB values of R:72, G:255, B:127 and CMYK values of C:0.72, M:0, Y:0.5, K:0. Its decimal value is 4783999.

Hex triplet	48ff7f	`#48ff7f`
RGB Decimal	72, 255, 127	`rgb(72,255,127)`
RGB Percent	28.2, 100, 49.8	`rgb(28.2%,100%,49.8%)`
CMYK	72, 0, 50, 0
HSL	138°, 100, 64.1	`hsl(138,100%,64.1%)`
HSV (or HSB)	138°, 71.8, 100
Web Safe	33ff66	`#33ff66`

CIE-LAB	89.123, -71.494, 47.977
XYZ	42.261, 74.426, 32.216
xyY	0.284, 0.5, 74.426
CIE-LCH	89.123, 86.1, 146.136
CIE-LUV	89.123, -73.197, 75.621
Hunter-Lab	86.27, -63.533, 38.249
Binary	01001000, 11111111, 01111111

#48ff7f
```
#48ff7f rgb(72,255,127)
```
#ff48c8
```
#ff48c8 rgb(255,72,200)
```

Complementary Color

#6dff48
```
#6dff48 rgb(109,255,72)
```
#48ff7f
```
#48ff7f rgb(72,255,127)
```
#48ffdb
```
#48ffdb rgb(72,255,219)
```

Analogous Color

#ff486d
```
#ff486d rgb(255,72,109)
```
#48ff7f
```
#48ff7f rgb(72,255,127)
```
#db48ff
```
#db48ff rgb(219,72,255)
```

Split Complementary Color

#ff7f48
```
#ff7f48 rgb(255,127,72)
```
#48ff7f
```
#48ff7f rgb(72,255,127)
```
#7f48ff
```
#7f48ff rgb(127,72,255)
```

Triadic Color

#c8ff48
```
#c8ff48 rgb(200,255,72)
```
#48ff7f
```
#48ff7f rgb(72,255,127)
```
#7f48ff
```
#7f48ff rgb(127,72,255)
```
#ff48c8
```
#ff48c8 rgb(255,72,200)
```

Tetradic Color

#00fb4b
```
#00fb4b rgb(0,251,75)
```
#15ff5b
```
#15ff5b rgb(21,255,91)
```
#2fff6d
```
#2fff6d rgb(47,255,109)
```
#48ff7f
```
#48ff7f rgb(72,255,127)
```
#62ff91
```
#62ff91 rgb(98,255,145)
```
#7bffa3
```
#7bffa3 rgb(123,255,163)
```
#95ffb5
```
#95ffb5 rgb(149,255,181)
```

Monochromatic Color

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

#48ff51
```
#48ff51 rgb(72,255,81)
```
#48ff61
```
#48ff61 rgb(72,255,97)
```
#48ff70
```
#48ff70 rgb(72,255,112)
```
#48ff7f
```
#48ff7f rgb(72,255,127)
```
#48ff8e
```
#48ff8e rgb(72,255,142)
```
#48ff9e
```
#48ff9e rgb(72,255,158)
```
#48ffad
```
#48ffad rgb(72,255,173)
```

Similar Colors

Text with hexadecimal color #48ff7f

This text has a font color of #48ff7f.

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

#48ff7f background color

This paragraph has a background color of #48ff7f.

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

#48ff7f border color

This element has a border color of #48ff7f.

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

CSS codes

.text {color:#48ff7f;}

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

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

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, #000d04 is the darkest color, while #f9fffa is the lightest one.

#000d04
```
#000d04 rgb(0,13,4)
```
#00210a
```
#00210a rgb(0,33,10)
```
#003410
```
#003410 rgb(0,52,16)
```
#004816
```
#004816 rgb(0,72,22)
```
#005c1c
```
#005c1c rgb(0,92,28)
```
#006f21
```
#006f21 rgb(0,111,33)
```
#008327
```
#008327 rgb(0,131,39)
```
#00962d
```
#00962d rgb(0,150,45)
```
#00aa33
```
#00aa33 rgb(0,170,51)
```
#00be39
```
#00be39 rgb(0,190,57)
```
#00d13f
```
#00d13f rgb(0,209,63)
```
#00e545
```
#00e545 rgb(0,229,69)
```
#00f94b
```
#00f94b rgb(0,249,75)
```

Shade Color Variation

#0dff56
```
#0dff56 rgb(13,255,86)
```
#21ff64
```
#21ff64 rgb(33,255,100)
```
#34ff71
```
#34ff71 rgb(52,255,113)
```
#48ff7f
```
#48ff7f rgb(72,255,127)
```
#5cff8d
```
#5cff8d rgb(92,255,141)
```
#6fff9a
```
#6fff9a rgb(111,255,154)
```
#83ffa8
```
#83ffa8 rgb(131,255,168)
```
#96ffb6
```
#96ffb6 rgb(150,255,182)
```
#aaffc4
```
#aaffc4 rgb(170,255,196)
```
#beffd1
```
#beffd1 rgb(190,255,209)
```
#d1ffdf
```
#d1ffdf rgb(209,255,223)
```
#e5ffed
```
#e5ffed rgb(229,255,237)
```
#f9fffa
```
#f9fffa rgb(249,255,250)
```

Tint Color Variation

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

#9caba1
```
#9caba1 rgb(156,171,161)
```
#95b29e
```
#95b29e rgb(149,178,158)
```
#8eb99b
```
#8eb99b rgb(142,185,155)
```
#87c098
```
#87c098 rgb(135,192,152)
```
#80c795
```
#80c795 rgb(128,199,149)
```
#79ce93
```
#79ce93 rgb(121,206,147)
```
#72d590
```
#72d590 rgb(114,213,144)
```
#6bdc8d
```
#6bdc8d rgb(107,220,141)
```
#64e38a
```
#64e38a rgb(100,227,138)
```
#5dea87
```
#5dea87 rgb(93,234,135)
```
#56f185
```
#56f185 rgb(86,241,133)
```
#4ff882
```
#4ff882 rgb(79,248,130)
```
#48ff7f
```
#48ff7f rgb(72,255,127)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a3c8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7e17b Protanopia 1% of men
#ffdbb5 Deuteranopia 1% of men
#94efff Tritanopia 0.001% of the population

Trichromacy

#b7ec7c Protanomaly 1% of men, 0.01% of women
#bce8a1 Deuteranomaly 6% of men, 0.4% of women
#78f4d0 Tritanomaly 0.01% of the population