#48f282 hex color

In a RGB color space, hex #48f282 is composed of 28.2% red, 94.9% green and 51% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0% magenta, 46.3% yellow and 5.1% black. It has a hue angle of 140.5 degrees, a saturation of 86.7% and a lightness of 61.6%. #48f282 color hex could be obtained by blending #90ffff with #00e505. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #48f282 has RGB values of R:72, G:242, B:130 and CMYK values of C:0.7, M:0, Y:0.46, K:0.05. Its decimal value is 4780674.

Hex triplet	48f282	`#48f282`
RGB Decimal	72, 242, 130	`rgb(72,242,130)`
RGB Percent	28.2, 94.9, 51	`rgb(28.2%,94.9%,51%)`
CMYK	70, 0, 46, 5
HSL	140.5°, 86.7, 61.6	`hsl(140.5,86.7%,61.6%)`
HSV (or HSB)	140.5°, 70.2, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.246, -66.609, 41.693
XYZ	38.451, 66.49, 31.925
xyY	0.281, 0.486, 66.49
CIE-LCH	85.246, 78.582, 147.956
CIE-LUV	85.246, -68.618, 67.037
Hunter-Lab	81.541, -58.525, 33.866
Binary	01001000, 11110010, 10000010

#48f282
```
#48f282 rgb(72,242,130)
```
#f248b8
```
#f248b8 rgb(242,72,184)
```

Complementary Color

#63f248
```
#63f248 rgb(99,242,72)
```
#48f282
```
#48f282 rgb(72,242,130)
```
#48f2d7
```
#48f2d7 rgb(72,242,215)
```

Analogous Color

#f24863
```
#f24863 rgb(242,72,99)
```
#48f282
```
#48f282 rgb(72,242,130)
```
#d748f2
```
#d748f2 rgb(215,72,242)
```

Split Complementary Color

#f28248
```
#f28248 rgb(242,130,72)
```
#48f282
```
#48f282 rgb(72,242,130)
```
#8248f2
```
#8248f2 rgb(130,72,242)
```

Triadic Color

#b8f248
```
#b8f248 rgb(184,242,72)
```
#48f282
```
#48f282 rgb(72,242,130)
```
#8248f2
```
#8248f2 rgb(130,72,242)
```
#f248b8
```
#f248b8 rgb(242,72,184)
```

Tetradic Color

#10de56
```
#10de56 rgb(16,222,86)
```
#18ef61
```
#18ef61 rgb(24,239,97)
```
#30f072
```
#30f072 rgb(48,240,114)
```
#48f282
```
#48f282 rgb(72,242,130)
```
#60f492
```
#60f492 rgb(96,244,146)
```
#78f5a3
```
#78f5a3 rgb(120,245,163)
```
#8ff7b3
```
#8ff7b3 rgb(143,247,179)
```

Monochromatic Color

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

#48f257
```
#48f257 rgb(72,242,87)
```
#48f266
```
#48f266 rgb(72,242,102)
```
#48f274
```
#48f274 rgb(72,242,116)
```
#48f282
```
#48f282 rgb(72,242,130)
```
#48f290
```
#48f290 rgb(72,242,144)
```
#48f29e
```
#48f29e rgb(72,242,158)
```
#48f2ad
```
#48f2ad rgb(72,242,173)
```

Similar Colors

Text with hexadecimal color #48f282

This text has a font color of #48f282.

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

#48f282 background color

This paragraph has a background color of #48f282.

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

#48f282 border color

This element has a border color of #48f282.

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

CSS codes

.text {color:#48f282;}

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

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

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 #edfef3 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#011207
```
#011207 rgb(1,18,7)
```
#03250e
```
#03250e rgb(3,37,14)
```
#043715
```
#043715 rgb(4,55,21)
```
#05491c
```
#05491c rgb(5,73,28)
```
#075c24
```
#075c24 rgb(7,92,36)
```
#086e2b
```
#086e2b rgb(8,110,43)
```
#098032
```
#098032 rgb(9,128,50)
```
#0a9339
```
#0a9339 rgb(10,147,57)
```
#0ca540
```
#0ca540 rgb(12,165,64)
```
#0db747
```
#0db747 rgb(13,183,71)
```
#0eca4e
```
#0eca4e rgb(14,202,78)
```
#10dc55
```
#10dc55 rgb(16,220,85)
```

Shade Color Variation

#11ee5c
```
#11ee5c rgb(17,238,92)
```
#23ef69
```
#23ef69 rgb(35,239,105)
```
#36f175
```
#36f175 rgb(54,241,117)
```
#48f282
```
#48f282 rgb(72,242,130)
```
#5af38f
```
#5af38f rgb(90,243,143)
```
#6df59b
```
#6df59b rgb(109,245,155)
```
#7ff6a8
```
#7ff6a8 rgb(127,246,168)
```
#91f7b4
```
#91f7b4 rgb(145,247,180)
```
#a4f9c1
```
#a4f9c1 rgb(164,249,193)
```
#b6facd
```
#b6facd rgb(182,250,205)
```
#c8fbda
```
#c8fbda rgb(200,251,218)
```
#dbfce6
```
#dbfce6 rgb(219,252,230)
```
#edfef3
```
#edfef3 rgb(237,254,243)
```

Tint Color Variation

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

#9b9f9c
```
#9b9f9c rgb(155,159,156)
```
#93a79a
```
#93a79a rgb(147,167,154)
```
#8cae98
```
#8cae98 rgb(140,174,152)
```
#84b695
```
#84b695 rgb(132,182,149)
```
#7dbd93
```
#7dbd93 rgb(125,189,147)
```
#75c590
```
#75c590 rgb(117,197,144)
```
#6ecc8e
```
#6ecc8e rgb(110,204,142)
```
#66d48c
```
#66d48c rgb(102,212,140)
```
#5fdb89
```
#5fdb89 rgb(95,219,137)
```
#57e387
```
#57e387 rgb(87,227,135)
```
#50ea84
```
#50ea84 rgb(80,234,132)
```
#48f282
```
#48f282 rgb(72,242,130)
```
#40fa80
```
#40fa80 rgb(64,250,128)
```

Tone Color Variation

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

#ebd77e Protanopia 1% of men
#ffce97 Deuteranopia 1% of men
#7fe5f6 Tritanopia 0.001% of the population

Trichromacy

#afe07f Protanomaly 1% of men, 0.01% of women
#bcdb8f Deuteranomaly 6% of men, 0.4% of women
#6beacc Tritanomaly 0.01% of the population

#48f282 hex color

#48f282 Color Information

#48f282 Color Conversion

Color Schemes with #48f282

Alternatives to #48f282

#48f282 Preview

Shades and Tints of #48f282

Tones of #48f282

Color Blindness Simulator