#48f568 hex color

In a RGB color space, hex #48f568 is composed of 28.2% red, 96.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 57.6% yellow and 3.9% black. It has a hue angle of 131.1 degrees, a saturation of 89.6% and a lightness of 62.2%. #48f568 color hex could be obtained by blending #90ffd0 with #00eb00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 28
- G 96
- B 41
RGB color chart
- C 71
- M 0
- Y 58
- K 4
CMYK color chart

● #48f568 color description : Bright lime green.

The hexadecimal color #48f568 has RGB values of R:72, G:245, B:104 and CMYK values of C:0.71, M:0, Y:0.58, K:0.04. Its decimal value is 4781416.

Hex triplet	48f568	`#48f568`
RGB Decimal	72, 245, 104	`rgb(72,245,104)`
RGB Percent	28.2, 96.1, 40.8	`rgb(28.2%,96.1%,40.8%)`
CMYK	71, 0, 58, 4
HSL	131.1°, 89.6, 62.2	`hsl(131.1,89.6%,62.2%)`
HSV (or HSB)	131.1°, 70.6, 96.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.845, -71.224, 54.505
XYZ	37.821, 67.678, 24.166
xyY	0.292, 0.522, 67.678
CIE-LCH	85.845, 89.687, 142.575
CIE-LUV	85.845, -70.779, 81.303
Hunter-Lab	82.267, -61.903, 40.17
Binary	01001000, 11110101, 01101000

#48f568
```
#48f568 rgb(72,245,104)
```
#f548d5
```
#f548d5 rgb(245,72,213)
```

Complementary Color

#7ff548
```
#7ff548 rgb(127,245,72)
```
#48f568
```
#48f568 rgb(72,245,104)
```
#48f5bf
```
#48f5bf rgb(72,245,191)
```

Analogous Color

#f5487f
```
#f5487f rgb(245,72,127)
```
#48f568
```
#48f568 rgb(72,245,104)
```
#bf48f5
```
#bf48f5 rgb(191,72,245)
```

Split Complementary Color

#f56848
```
#f56848 rgb(245,104,72)
```
#48f568
```
#48f568 rgb(72,245,104)
```
#6848f5
```
#6848f5 rgb(104,72,245)
```

Triadic Color

#d5f548
```
#d5f548 rgb(213,245,72)
```
#48f568
```
#48f568 rgb(72,245,104)
```
#6848f5
```
#6848f5 rgb(104,72,245)
```
#f548d5
```
#f548d5 rgb(245,72,213)
```

Tetradic Color

#0ce434
```
#0ce434 rgb(12,228,52)
```
#18f240
```
#18f240 rgb(24,242,64)
```
#30f454
```
#30f454 rgb(48,244,84)
```
#48f568
```
#48f568 rgb(72,245,104)
```
#60f67c
```
#60f67c rgb(96,246,124)
```
#78f890
```
#78f890 rgb(120,248,144)
```
#91f9a4
```
#91f9a4 rgb(145,249,164)
```

Monochromatic Color

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

#53f548
```
#53f548 rgb(83,245,72)
```
#48f54b
```
#48f54b rgb(72,245,75)
```
#48f55a
```
#48f55a rgb(72,245,90)
```
#48f568
```
#48f568 rgb(72,245,104)
```
#48f576
```
#48f576 rgb(72,245,118)
```
#48f585
```
#48f585 rgb(72,245,133)
```
#48f593
```
#48f593 rgb(72,245,147)
```

Similar Colors

Text with hexadecimal color #48f568

This text has a font color of #48f568.

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

#48f568 background color

This paragraph has a background color of #48f568.

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

#48f568 border color

This element has a border color of #48f568.

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

CSS codes

.text {color:#48f568;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#011605
```
#011605 rgb(1,22,5)
```
#022809
```
#022809 rgb(2,40,9)
```
#033b0d
```
#033b0d rgb(3,59,13)
```
#044d12
```
#044d12 rgb(4,77,18)
```
#056016
```
#056016 rgb(5,96,22)
```
#06731a
```
#06731a rgb(6,115,26)
```
#07851f
```
#07851f rgb(7,133,31)
```
#089823
```
#089823 rgb(8,152,35)
```
#09aa27
```
#09aa27 rgb(9,170,39)
```
#0abd2b
```
#0abd2b rgb(10,189,43)
```
#0bd030
```
#0bd030 rgb(11,208,48)
```
#0ce234
```
#0ce234 rgb(12,226,52)
```

Shade Color Variation

#10f23a
```
#10f23a rgb(16,242,58)
```
#23f349
```
#23f349 rgb(35,243,73)
```
#35f459
```
#35f459 rgb(53,244,89)
```
#48f568
```
#48f568 rgb(72,245,104)
```
#5bf677
```
#5bf677 rgb(91,246,119)
```
#6df787
```
#6df787 rgb(109,247,135)
```
#80f896
```
#80f896 rgb(128,248,150)
```
#92f9a5
```
#92f9a5 rgb(146,249,165)
```
#a5fab5
```
#a5fab5 rgb(165,250,181)
```
#b8fbc4
```
#b8fbc4 rgb(184,251,196)
```
#cafcd3
```
#cafcd3 rgb(202,252,211)
```
#ddfde3
```
#ddfde3 rgb(221,253,227)
```
#effef2
```
#effef2 rgb(239,254,242)
```

Tint Color Variation

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

#9aa39b
```
#9aa39b rgb(154,163,155)
```
#92ab97
```
#92ab97 rgb(146,171,151)
```
#8bb292
```
#8bb292 rgb(139,178,146)
```
#83ba8d
```
#83ba8d rgb(131,186,141)
```
#7cc189
```
#7cc189 rgb(124,193,137)
```
#75c884
```
#75c884 rgb(117,200,132)
```
#6dd07f
```
#6dd07f rgb(109,208,127)
```
#66d77b
```
#66d77b rgb(102,215,123)
```
#5edf76
```
#5edf76 rgb(94,223,118)
```
#57e671
```
#57e671 rgb(87,230,113)
```
#4fee6d
```
#4fee6d rgb(79,238,109)
```
#48f568
```
#48f568 rgb(72,245,104)
```
#41fc63
```
#41fc63 rgb(65,252,99)
```

Tone Color Variation

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

Dichromacy

#efd867 Protanopia 1% of men
#ffd194 Deuteranopia 1% of men
#83e7f8 Tritanopia 0.001% of the population

Trichromacy

#b2e367 Protanomaly 1% of men, 0.01% of women
#bcde84 Deuteranomaly 6% of men, 0.4% of women
#6eecc3 Tritanomaly 0.01% of the population

#48f568 hex color

#48f568 Color Information

#48f568 Color Conversion

Color Schemes with #48f568

Alternatives to #48f568

#48f568 Preview

Shades and Tints of #48f568

Tones of #48f568

Color Blindness Simulator