colorhexa.com

#48f357 hex color

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

- R 28
- G 95
- B 34
RGB color chart
- C 70
- M 0
- Y 64
- K 5
CMYK color chart

● #48f357 color description : Bright lime green.

The hexadecimal color #48f357 has RGB values of R:72, G:243, B:87 and CMYK values of C:0.7, M:0, Y:0.64, K:0.05. Its decimal value is 4780887.

Hex triplet	48f357	`#48f357`
RGB Decimal	72, 243, 87	`rgb(72,243,87)`
RGB Percent	28.2, 95.3, 34.1	`rgb(28.2%,95.3%,34.1%)`
CMYK	70, 0, 64, 5
HSL	125.3°, 87.7, 61.8	`hsl(125.3,87.7%,61.8%)`
HSV (or HSB)	125.3°, 70.4, 95.3
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.08, -72.453, 60.839
XYZ	36.441, 66.163, 19.867
xyY	0.298, 0.54, 66.163
CIE-LCH	85.08, 94.609, 139.98
CIE-LUV	85.08, -70.704, 87.071
Hunter-Lab	81.341, -62.377, 42.458
Binary	01001000, 11110011, 01010111

#48f357
```
#48f357 rgb(72,243,87)
```
#f348e4
```
#f348e4 rgb(243,72,228)
```

Complementary Color

#8ff348
```
#8ff348 rgb(143,243,72)
```
#48f357
```
#48f357 rgb(72,243,87)
```
#48f3ad
```
#48f3ad rgb(72,243,173)
```

Analogous Color

#f3488f
```
#f3488f rgb(243,72,143)
```
#48f357
```
#48f357 rgb(72,243,87)
```
#ad48f3
```
#ad48f3 rgb(173,72,243)
```

Split Complementary Color

#f35748
```
#f35748 rgb(243,87,72)
```
#48f357
```
#48f357 rgb(72,243,87)
```
#5748f3
```
#5748f3 rgb(87,72,243)
```

Triadic Color

#e4f348
```
#e4f348 rgb(228,243,72)
```
#48f357
```
#48f357 rgb(72,243,87)
```
#5748f3
```
#5748f3 rgb(87,72,243)
```
#f348e4
```
#f348e4 rgb(243,72,228)
```

Tetradic Color

#0fe021
```
#0fe021 rgb(15,224,33)
```
#18f02b
```
#18f02b rgb(24,240,43)
```
#30f141
```
#30f141 rgb(48,241,65)
```
#48f357
```
#48f357 rgb(72,243,87)
```
#60f56d
```
#60f56d rgb(96,245,109)
```
#78f683
```
#78f683 rgb(120,246,131)
```
#90f899
```
#90f899 rgb(144,248,153)
```

Monochromatic Color

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

#64f348
```
#64f348 rgb(100,243,72)
```
#56f348
```
#56f348 rgb(86,243,72)
```
#48f349
```
#48f349 rgb(72,243,73)
```
#48f357
```
#48f357 rgb(72,243,87)
```
#48f365
```
#48f365 rgb(72,243,101)
```
#48f374
```
#48f374 rgb(72,243,116)
```
#48f382
```
#48f382 rgb(72,243,130)
```

Similar Colors

Text with hexadecimal color #48f357

This text has a font color of #48f357.

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

#48f357 background color

This paragraph has a background color of #48f357.

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

#48f357 border color

This element has a border color of #48f357.

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

CSS codes

.text {color:#48f357;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#011303
```
#011303 rgb(1,19,3)
```
#022606
```
#022606 rgb(2,38,6)
```
#043808
```
#043808 rgb(4,56,8)
```
#054b0b
```
#054b0b rgb(5,75,11)
```
#065d0e
```
#065d0e rgb(6,93,14)
```
#077010
```
#077010 rgb(7,112,16)
```
#098213
```
#098213 rgb(9,130,19)
```
#0a9416
```
#0a9416 rgb(10,148,22)
```
#0ba719
```
#0ba719 rgb(11,167,25)
```
#0cb91b
```
#0cb91b rgb(12,185,27)
```
#0dcc1e
```
#0dcc1e rgb(13,204,30)
```
#0fde21
```
#0fde21 rgb(15,222,33)
```

Shade Color Variation

#11ef24
```
#11ef24 rgb(17,239,36)
```
#23f135
```
#23f135 rgb(35,241,53)
```
#36f246
```
#36f246 rgb(54,242,70)
```
#48f357
```
#48f357 rgb(72,243,87)
```
#5af468
```
#5af468 rgb(90,244,104)
```
#6df579
```
#6df579 rgb(109,245,121)
```
#7ff78a
```
#7ff78a rgb(127,247,138)
```
#92f89b
```
#92f89b rgb(146,248,155)
```
#a4f9ab
```
#a4f9ab rgb(164,249,171)
```
#b6fabc
```
#b6fabc rgb(182,250,188)
```
#c9fbcd
```
#c9fbcd rgb(201,251,205)
```
#dbfdde
```
#dbfdde rgb(219,253,222)
```
#eefeef
```
#eefeef rgb(238,254,239)
```

Tint Color Variation

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

#9ba19b
```
#9ba19b rgb(155,161,155)
```
#93a895
```
#93a895 rgb(147,168,149)
```
#8cb08f
```
#8cb08f rgb(140,176,143)
```
#84b788
```
#84b788 rgb(132,183,136)
```
#7dbf82
```
#7dbf82 rgb(125,191,130)
```
#75c67c
```
#75c67c rgb(117,198,124)
```
#6ece76
```
#6ece76 rgb(110,206,118)
```
#66d570
```
#66d570 rgb(102,213,112)
```
#5fdd6a
```
#5fdd6a rgb(95,221,106)
```
#57e463
```
#57e463 rgb(87,228,99)
```
#50ec5d
```
#50ec5d rgb(80,236,93)
```
#48f357
```
#48f357 rgb(72,243,87)
```
#41fb51
```
#41fb51 rgb(65,251,81)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9abc9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed757 Protanopia 1% of men
#ffce89 Deuteranopia 1% of men
#84e4f5 Tritanopia 0.001% of the population

Trichromacy

#b1e157 Protanomaly 1% of men, 0.01% of women
#bcdb76 Deuteranomaly 6% of men, 0.4% of women
#6ee9bb Tritanomaly 0.01% of the population