#48f278 hex color

In a RGB color space, hex #48f278 is composed of 28.2% red, 94.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0% magenta, 50.4% yellow and 5.1% black. It has a hue angle of 136.9 degrees, a saturation of 86.7% and a lightness of 61.6%. #48f278 color hex could be obtained by blending #90fff0 with #00e500. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 28
- G 95
- B 47
RGB color chart
- C 70
- M 0
- Y 50
- K 5
CMYK color chart

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

The hexadecimal color #48f278 has RGB values of R:72, G:242, B:120 and CMYK values of C:0.7, M:0, Y:0.5, K:0.05. Its decimal value is 4780664.

Hex triplet	48f278	`#48f278`
RGB Decimal	72, 242, 120	`rgb(72,242,120)`
RGB Percent	28.2, 94.9, 47.1	`rgb(28.2%,94.9%,47.1%)`
CMYK	70, 0, 50, 5
HSL	136.9°, 86.7, 61.6	`hsl(136.9,86.7%,61.6%)`
HSV (or HSB)	136.9°, 70.2, 94.9
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.116, -68.109, 46.312
XYZ	37.812, 66.234, 28.56
xyY	0.285, 0.499, 66.234
CIE-LCH	85.116, 82.363, 145.785
CIE-LUV	85.116, -69.083, 72.288
Hunter-Lab	81.385, -59.489, 36.163
Binary	01001000, 11110010, 01111000

#48f278
```
#48f278 rgb(72,242,120)
```
#f248c2
```
#f248c2 rgb(242,72,194)
```

Complementary Color

#6df248
```
#6df248 rgb(109,242,72)
```
#48f278
```
#48f278 rgb(72,242,120)
```
#48f2cd
```
#48f2cd rgb(72,242,205)
```

Analogous Color

#f2486d
```
#f2486d rgb(242,72,109)
```
#48f278
```
#48f278 rgb(72,242,120)
```
#cd48f2
```
#cd48f2 rgb(205,72,242)
```

Split Complementary Color

#f27848
```
#f27848 rgb(242,120,72)
```
#48f278
```
#48f278 rgb(72,242,120)
```
#7848f2
```
#7848f2 rgb(120,72,242)
```

Triadic Color

#c2f248
```
#c2f248 rgb(194,242,72)
```
#48f278
```
#48f278 rgb(72,242,120)
```
#7848f2
```
#7848f2 rgb(120,72,242)
```
#f248c2
```
#f248c2 rgb(242,72,194)
```

Tetradic Color

#10de4a
```
#10de4a rgb(16,222,74)
```
#18ef55
```
#18ef55 rgb(24,239,85)
```
#30f066
```
#30f066 rgb(48,240,102)
```
#48f278
```
#48f278 rgb(72,242,120)
```
#60f48a
```
#60f48a rgb(96,244,138)
```
#78f59b
```
#78f59b rgb(120,245,155)
```
#8ff7ad
```
#8ff7ad rgb(143,247,173)
```

Monochromatic Color

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

#48f24e
```
#48f24e rgb(72,242,78)
```
#48f25c
```
#48f25c rgb(72,242,92)
```
#48f26a
```
#48f26a rgb(72,242,106)
```
#48f278
```
#48f278 rgb(72,242,120)
```
#48f286
```
#48f286 rgb(72,242,134)
```
#48f294
```
#48f294 rgb(72,242,148)
```
#48f2a3
```
#48f2a3 rgb(72,242,163)
```

Similar Colors

Text with hexadecimal color #48f278

This text has a font color of #48f278.

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

#48f278 background color

This paragraph has a background color of #48f278.

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

#48f278 border color

This element has a border color of #48f278.

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

CSS codes

.text {color:#48f278;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#011206
```
#011206 rgb(1,18,6)
```
#03250c
```
#03250c rgb(3,37,12)
```
#043712
```
#043712 rgb(4,55,18)
```
#054918
```
#054918 rgb(5,73,24)
```
#075c1f
```
#075c1f rgb(7,92,31)
```
#086e25
```
#086e25 rgb(8,110,37)
```
#09802b
```
#09802b rgb(9,128,43)
```
#0a9331
```
#0a9331 rgb(10,147,49)
```
#0ca537
```
#0ca537 rgb(12,165,55)
```
#0db73d
```
#0db73d rgb(13,183,61)
```
#0eca43
```
#0eca43 rgb(14,202,67)
```
#10dc49
```
#10dc49 rgb(16,220,73)
```

Shade Color Variation

#11ee4f
```
#11ee4f rgb(17,238,79)
```
#23ef5d
```
#23ef5d rgb(35,239,93)
```
#36f16a
```
#36f16a rgb(54,241,106)
```
#48f278
```
#48f278 rgb(72,242,120)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#6df593
```
#6df593 rgb(109,245,147)
```
#7ff6a1
```
#7ff6a1 rgb(127,246,161)
```
#91f7ae
```
#91f7ae rgb(145,247,174)
```
#a4f9bc
```
#a4f9bc rgb(164,249,188)
```
#b6fac9
```
#b6fac9 rgb(182,250,201)
```
#c8fbd7
```
#c8fbd7 rgb(200,251,215)
```
#dbfce4
```
#dbfce4 rgb(219,252,228)
```
#edfef2
```
#edfef2 rgb(237,254,242)
```

Tint Color Variation

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

#9b9f9c
```
#9b9f9c rgb(155,159,156)
```
#93a799
```
#93a799 rgb(147,167,153)
```
#8cae96
```
#8cae96 rgb(140,174,150)
```
#84b692
```
#84b692 rgb(132,182,146)
```
#7dbd8f
```
#7dbd8f rgb(125,189,143)
```
#75c58c
```
#75c58c rgb(117,197,140)
```
#6ecc88
```
#6ecc88 rgb(110,204,136)
```
#66d485
```
#66d485 rgb(102,212,133)
```
#5fdb82
```
#5fdb82 rgb(95,219,130)
```
#57e37f
```
#57e37f rgb(87,227,127)
```
#50ea7b
```
#50ea7b rgb(80,234,123)
```
#48f278
```
#48f278 rgb(72,242,120)
```
#40fa75
```
#40fa75 rgb(64,250,117)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9cbea6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd675 Protanopia 1% of men
#ffce92 Deuteranopia 1% of men
#80e5f6 Tritanopia 0.001% of the population

Trichromacy

#b0e076 Protanomaly 1% of men, 0.01% of women
#bcdb88 Deuteranomaly 6% of men, 0.4% of women
#6be9c8 Tritanomaly 0.01% of the population

#48f278 hex color

#48f278 Color Information

#48f278 Color Conversion

Color Schemes with #48f278

Alternatives to #48f278

#48f278 Preview

Shades and Tints of #48f278

Tones of #48f278

Color Blindness Simulator