#48f180 hex color

In a RGB color space, hex #48f180 is composed of 28.2% red, 94.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 46.9% yellow and 5.5% black. It has a hue angle of 139.9 degrees, a saturation of 85.8% and a lightness of 61.4%. #48f180 color hex could be obtained by blending #90ffff with #00e301. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #48f180 has RGB values of R:72, G:241, B:128 and CMYK values of C:0.7, M:0, Y:0.47, K:0.05. Its decimal value is 4780416.

Hex triplet	48f180	`#48f180`
RGB Decimal	72, 241, 128	`rgb(72,241,128)`
RGB Percent	28.2, 94.5, 50.2	`rgb(28.2%,94.5%,50.2%)`
CMYK	70, 0, 47, 5
HSL	139.9°, 85.8, 61.4	`hsl(139.9,85.8%,61.4%)`
HSV (or HSB)	139.9°, 70.1, 94.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.916, -66.572, 42.243
XYZ	38.022, 65.843, 31.126
xyY	0.282, 0.488, 65.843
CIE-LCH	84.916, 78.844, 147.603
CIE-LUV	84.916, -68.368, 67.572
Hunter-Lab	81.144, -58.362, 34.058
Binary	01001000, 11110001, 10000000

#48f180
```
#48f180 rgb(72,241,128)
```
#f148b9
```
#f148b9 rgb(241,72,185)
```

Complementary Color

#65f148
```
#65f148 rgb(101,241,72)
```
#48f180
```
#48f180 rgb(72,241,128)
```
#48f1d5
```
#48f1d5 rgb(72,241,213)
```

Analogous Color

#f14865
```
#f14865 rgb(241,72,101)
```
#48f180
```
#48f180 rgb(72,241,128)
```
#d548f1
```
#d548f1 rgb(213,72,241)
```

Split Complementary Color

#f18048
```
#f18048 rgb(241,128,72)
```
#48f180
```
#48f180 rgb(72,241,128)
```
#8048f1
```
#8048f1 rgb(128,72,241)
```

Triadic Color

#b9f148
```
#b9f148 rgb(185,241,72)
```
#48f180
```
#48f180 rgb(72,241,128)
```
#8048f1
```
#8048f1 rgb(128,72,241)
```
#f148b9
```
#f148b9 rgb(241,72,185)
```

Tetradic Color

#11dc54
```
#11dc54 rgb(17,220,84)
```
#19ed5f
```
#19ed5f rgb(25,237,95)
```
#30ef70
```
#30ef70 rgb(48,239,112)
```
#48f180
```
#48f180 rgb(72,241,128)
```
#60f390
```
#60f390 rgb(96,243,144)
```
#77f5a1
```
#77f5a1 rgb(119,245,161)
```
#8ff6b1
```
#8ff6b1 rgb(143,246,177)
```

Monochromatic Color

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

#48f156
```
#48f156 rgb(72,241,86)
```
#48f164
```
#48f164 rgb(72,241,100)
```
#48f172
```
#48f172 rgb(72,241,114)
```
#48f180
```
#48f180 rgb(72,241,128)
```
#48f18e
```
#48f18e rgb(72,241,142)
```
#48f19c
```
#48f19c rgb(72,241,156)
```
#48f1aa
```
#48f1aa rgb(72,241,170)
```

Similar Colors

Text with hexadecimal color #48f180

This text has a font color of #48f180.

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

#48f180 background color

This paragraph has a background color of #48f180.

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

#48f180 border color

This element has a border color of #48f180.

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

CSS codes

.text {color:#48f180;}

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

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

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

#011107
```
#011107 rgb(1,17,7)
```
#03240e
```
#03240e rgb(3,36,14)
```
#043615
```
#043615 rgb(4,54,21)
```
#06481c
```
#06481c rgb(6,72,28)
```
#075a23
```
#075a23 rgb(7,90,35)
```
#086d2a
```
#086d2a rgb(8,109,42)
```
#0a7f30
```
#0a7f30 rgb(10,127,48)
```
#0b9137
```
#0b9137 rgb(11,145,55)
```
#0ca33e
```
#0ca33e rgb(12,163,62)
```
#0eb545
```
#0eb545 rgb(14,181,69)
```
#0fc84c
```
#0fc84c rgb(15,200,76)
```
#11da53
```
#11da53 rgb(17,218,83)
```
#12ec5a
```
#12ec5a rgb(18,236,90)
```

Shade Color Variation

#24ee67
```
#24ee67 rgb(36,238,103)
```
#36f073
```
#36f073 rgb(54,240,115)
```
#48f180
```
#48f180 rgb(72,241,128)
```
#5af28d
```
#5af28d rgb(90,242,141)
```
#6cf499
```
#6cf499 rgb(108,244,153)
```
#7ff5a6
```
#7ff5a6 rgb(127,245,166)
```
#91f7b3
```
#91f7b3 rgb(145,247,179)
```
#a3f8bf
```
#a3f8bf rgb(163,248,191)
```
#b5f9cc
```
#b5f9cc rgb(181,249,204)
```
#c8fbd9
```
#c8fbd9 rgb(200,251,217)
```
#dafce5
```
#dafce5 rgb(218,252,229)
```
#ecfef2
```
#ecfef2 rgb(236,254,242)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#9b9e9c
```
#9b9e9c rgb(155,158,156)
```
#94a59a
```
#94a59a rgb(148,165,154)
```
#8cad97
```
#8cad97 rgb(140,173,151)
```
#85b494
```
#85b494 rgb(133,180,148)
```
#7dbc92
```
#7dbc92 rgb(125,188,146)
```
#75c48f
```
#75c48f rgb(117,196,143)
```
#6ecb8d
```
#6ecb8d rgb(110,203,141)
```
#66d38a
```
#66d38a rgb(102,211,138)
```
#5fda88
```
#5fda88 rgb(95,218,136)
```
#57e285
```
#57e285 rgb(87,226,133)
```
#50e983
```
#50e983 rgb(80,233,131)
```
#48f180
```
#48f180 rgb(72,241,128)
```
#40f97d
```
#40f97d rgb(64,249,125)
```

Tone Color Variation

Below, you can see how #48f180 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
#9dbfa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead67d Protanopia 1% of men
#ffcd93 Deuteranopia 1% of men
#7ee5f5 Tritanopia 0.001% of the population

Trichromacy

#afe07e Protanomaly 1% of men, 0.01% of women
#bcda8c Deuteranomaly 6% of men, 0.4% of women
#6ae9ca Tritanomaly 0.01% of the population

#48f180 hex color

#48f180 Color Information

#48f180 Color Conversion

Color Schemes with #48f180

Alternatives to #48f180

#48f180 Preview

Shades and Tints of #48f180

Tones of #48f180

Color Blindness Simulator