#48f376 hex color

In a RGB color space, hex #48f376 is composed of 28.2% red, 95.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 51.4% yellow and 4.7% black. It has a hue angle of 136.1 degrees, a saturation of 87.7% and a lightness of 61.8%. #48f376 color hex could be obtained by blending #90ffec with #00e700. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #48f376 has RGB values of R:72, G:243, B:118 and CMYK values of C:0.7, M:0, Y:0.51, K:0.05. Its decimal value is 4780918.

Hex triplet	48f376	`#48f376`
RGB Decimal	72, 243, 118	`rgb(72,243,118)`
RGB Percent	28.2, 95.3, 46.3	`rgb(28.2%,95.3%,46.3%)`
CMYK	70, 0, 51, 5
HSL	136.1°, 87.7, 61.8	`hsl(136.1,87.7%,61.8%)`
HSV (or HSB)	136.1°, 70.4, 95.3
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.394, -68.732, 47.594
XYZ	37.991, 66.783, 28.027
xyY	0.286, 0.503, 66.783
CIE-LCH	85.394, 83.602, 145.299
CIE-LUV	85.394, -69.516, 73.813
Hunter-Lab	81.721, -60.03, 36.871
Binary	01001000, 11110011, 01110110

#48f376
```
#48f376 rgb(72,243,118)
```
#f348c5
```
#f348c5 rgb(243,72,197)
```

Complementary Color

#70f348
```
#70f348 rgb(112,243,72)
```
#48f376
```
#48f376 rgb(72,243,118)
```
#48f3cc
```
#48f3cc rgb(72,243,204)
```

Analogous Color

#f34870
```
#f34870 rgb(243,72,112)
```
#48f376
```
#48f376 rgb(72,243,118)
```
#cc48f3
```
#cc48f3 rgb(204,72,243)
```

Split Complementary Color

#f37648
```
#f37648 rgb(243,118,72)
```
#48f376
```
#48f376 rgb(72,243,118)
```
#7648f3
```
#7648f3 rgb(118,72,243)
```

Triadic Color

#c5f348
```
#c5f348 rgb(197,243,72)
```
#48f376
```
#48f376 rgb(72,243,118)
```
#7648f3
```
#7648f3 rgb(118,72,243)
```
#f348c5
```
#f348c5 rgb(243,72,197)
```

Tetradic Color

#0fe047
```
#0fe047 rgb(15,224,71)
```
#18f052
```
#18f052 rgb(24,240,82)
```
#30f164
```
#30f164 rgb(48,241,100)
```
#48f376
```
#48f376 rgb(72,243,118)
```
#60f588
```
#60f588 rgb(96,245,136)
```
#78f69a
```
#78f69a rgb(120,246,154)
```
#90f8ac
```
#90f8ac rgb(144,248,172)
```

Monochromatic Color

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

#48f34b
```
#48f34b rgb(72,243,75)
```
#48f35a
```
#48f35a rgb(72,243,90)
```
#48f368
```
#48f368 rgb(72,243,104)
```
#48f376
```
#48f376 rgb(72,243,118)
```
#48f384
```
#48f384 rgb(72,243,132)
```
#48f393
```
#48f393 rgb(72,243,147)
```
#48f3a1
```
#48f3a1 rgb(72,243,161)
```

Similar Colors

Text with hexadecimal color #48f376

This text has a font color of #48f376.

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

#48f376 background color

This paragraph has a background color of #48f376.

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

#48f376 border color

This element has a border color of #48f376.

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

CSS codes

.text {color:#48f376;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#011306
```
#011306 rgb(1,19,6)
```
#02260c
```
#02260c rgb(2,38,12)
```
#043812
```
#043812 rgb(4,56,18)
```
#054b18
```
#054b18 rgb(5,75,24)
```
#065d1e
```
#065d1e rgb(6,93,30)
```
#077023
```
#077023 rgb(7,112,35)
```
#098229
```
#098229 rgb(9,130,41)
```
#0a942f
```
#0a942f rgb(10,148,47)
```
#0ba735
```
#0ba735 rgb(11,167,53)
```
#0cb93b
```
#0cb93b rgb(12,185,59)
```
#0dcc41
```
#0dcc41 rgb(13,204,65)
```
#0fde46
```
#0fde46 rgb(15,222,70)
```

Shade Color Variation

#11ef4d
```
#11ef4d rgb(17,239,77)
```
#23f15a
```
#23f15a rgb(35,241,90)
```
#36f268
```
#36f268 rgb(54,242,104)
```
#48f376
```
#48f376 rgb(72,243,118)
```
#5af484
```
#5af484 rgb(90,244,132)
```
#6df592
```
#6df592 rgb(109,245,146)
```
#7ff79f
```
#7ff79f rgb(127,247,159)
```
#92f8ad
```
#92f8ad rgb(146,248,173)
```
#a4f9bb
```
#a4f9bb rgb(164,249,187)
```
#b6fac9
```
#b6fac9 rgb(182,250,201)
```
#c9fbd6
```
#c9fbd6 rgb(201,251,214)
```
#dbfde4
```
#dbfde4 rgb(219,253,228)
```
#eefef2
```
#eefef2 rgb(238,254,242)
```

Tint Color Variation

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

#9ba19c
```
#9ba19c rgb(155,161,156)
```
#93a899
```
#93a899 rgb(147,168,153)
```
#8cb095
```
#8cb095 rgb(140,176,149)
```
#84b792
```
#84b792 rgb(132,183,146)
```
#7dbf8e
```
#7dbf8e rgb(125,191,142)
```
#75c68b
```
#75c68b rgb(117,198,139)
```
#6ece87
```
#6ece87 rgb(110,206,135)
```
#66d584
```
#66d584 rgb(102,213,132)
```
#5fdd80
```
#5fdd80 rgb(95,221,128)
```
#57e47d
```
#57e47d rgb(87,228,125)
```
#50ec79
```
#50ec79 rgb(80,236,121)
```
#48f376
```
#48f376 rgb(72,243,118)
```
#41fb73
```
#41fb73 rgb(65,251,115)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9dbfa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd773 Protanopia 1% of men
#ffcf94 Deuteranopia 1% of men
#81e6f6 Tritanopia 0.001% of the population

Trichromacy

#b1e174 Protanomaly 1% of men, 0.01% of women
#bcdc89 Deuteranomaly 6% of men, 0.4% of women
#6ceac8 Tritanomaly 0.01% of the population

#48f376 hex color

#48f376 Color Information

#48f376 Color Conversion

Color Schemes with #48f376

Alternatives to #48f376

#48f376 Preview

Shades and Tints of #48f376

Tones of #48f376

Color Blindness Simulator