#48b858 hex color

In a RGB color space, hex #48b858 is composed of 28.2% red, 72.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 0% magenta, 52.2% yellow and 27.8% black. It has a hue angle of 128.6 degrees, a saturation of 44.1% and a lightness of 50.2%. #48b858 color hex could be obtained by blending #90ffb0 with #007100. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 28
- G 72
- B 35
RGB color chart
- C 61
- M 0
- Y 52
- K 28
CMYK color chart

● #48b858 color description : Moderate lime green.

The hexadecimal color #48b858 has RGB values of R:72, G:184, B:88 and CMYK values of C:0.61, M:0, Y:0.52, K:0.28. Its decimal value is 4765784.

Hex triplet	48b858	`#48b858`
RGB Decimal	72, 184, 88	`rgb(72,184,88)`
RGB Percent	28.2, 72.2, 34.5	`rgb(28.2%,72.2%,34.5%)`
CMYK	61, 0, 52, 28
HSL	128.6°, 44.1, 50.2	`hsl(128.6,44.1%,50.2%)`
HSV (or HSB)	128.6°, 60.9, 72.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	66.795, -51.879, 39.197
XYZ	21.573, 36.361, 15.114
xyY	0.295, 0.498, 36.361
CIE-LCH	66.795, 65.022, 142.927
CIE-LUV	66.795, -49.422, 57.395
Hunter-Lab	60.3, -41.665, 27.35
Binary	01001000, 10111000, 01011000

#48b858
```
#48b858 rgb(72,184,88)
```
#b848a8
```
#b848a8 rgb(184,72,168)
```

Complementary Color

#70b848
```
#70b848 rgb(112,184,72)
```
#48b858
```
#48b858 rgb(72,184,88)
```
#48b890
```
#48b890 rgb(72,184,144)
```

Analogous Color

#b84870
```
#b84870 rgb(184,72,112)
```
#48b858
```
#48b858 rgb(72,184,88)
```
#9048b8
```
#9048b8 rgb(144,72,184)
```

Split Complementary Color

#b85848
```
#b85848 rgb(184,88,72)
```
#48b858
```
#48b858 rgb(72,184,88)
```
#5848b8
```
#5848b8 rgb(88,72,184)
```

Triadic Color

#a8b848
```
#a8b848 rgb(168,184,72)
```
#48b858
```
#48b858 rgb(72,184,88)
```
#5848b8
```
#5848b8 rgb(88,72,184)
```
#b848a8
```
#b848a8 rgb(184,72,168)
```

Tetradic Color

#32813d
```
#32813d rgb(50,129,61)
```
#399446
```
#399446 rgb(57,148,70)
```
#40a64f
```
#40a64f rgb(64,166,79)
```
#48b858
```
#48b858 rgb(72,184,88)
```
#5abf69
```
#5abf69 rgb(90,191,105)
```
#6dc67a
```
#6dc67a rgb(109,198,122)
```
#7fcd8a
```
#7fcd8a rgb(127,205,138)
```

Monochromatic Color

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

#54b848
```
#54b848 rgb(84,184,72)
```
#4bb848
```
#4bb848 rgb(75,184,72)
```
#48b84f
```
#48b84f rgb(72,184,79)
```
#48b858
```
#48b858 rgb(72,184,88)
```
#48b861
```
#48b861 rgb(72,184,97)
```
#48b86b
```
#48b86b rgb(72,184,107)
```
#48b874
```
#48b874 rgb(72,184,116)
```

Similar Colors

Text with hexadecimal color #48b858

This text has a font color of #48b858.

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

#48b858 background color

This paragraph has a background color of #48b858.

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

#48b858 border color

This element has a border color of #48b858.

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

CSS codes

.text {color:#48b858;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#060f07
```
#060f07 rgb(6,15,7)
```
#0b1d0e
```
#0b1d0e rgb(11,29,14)
```
#112b14
```
#112b14 rgb(17,43,20)
```
#16391b
```
#16391b rgb(22,57,27)
```
#1c4722
```
#1c4722 rgb(28,71,34)
```
#215629
```
#215629 rgb(33,86,41)
```
#27642f
```
#27642f rgb(39,100,47)
```
#2c7236
```
#2c7236 rgb(44,114,54)
```
#32803d
```
#32803d rgb(50,128,61)
```
#378e44
```
#378e44 rgb(55,142,68)
```
#3d9c4a
```
#3d9c4a rgb(61,156,74)
```
#42aa51
```
#42aa51 rgb(66,170,81)
```

Shade Color Variation

#48b858
```
#48b858 rgb(72,184,88)
```
#56bd65
```
#56bd65 rgb(86,189,101)
```
#64c372
```
#64c372 rgb(100,195,114)
```
#72c87f
```
#72c87f rgb(114,200,127)
```
#81ce8c
```
#81ce8c rgb(129,206,140)
```
#8fd398
```
#8fd398 rgb(143,211,152)
```
#9dd9a5
```
#9dd9a5 rgb(157,217,165)
```
#abdeb2
```
#abdeb2 rgb(171,222,178)
```
#b9e4bf
```
#b9e4bf rgb(185,228,191)
```
#c7e9cc
```
#c7e9cc rgb(199,233,204)
```
#d5efd9
```
#d5efd9 rgb(213,239,217)
```
#e3f4e6
```
#e3f4e6 rgb(227,244,230)
```
#f2faf3
```
#f2faf3 rgb(242,250,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79877b is the less saturated color, while #04fc27 is the most saturated one.

#79877b
```
#79877b rgb(121,135,123)
```
#6f9174
```
#6f9174 rgb(111,145,116)
```
#659b6d
```
#659b6d rgb(101,155,109)
```
#5ca466
```
#5ca466 rgb(92,164,102)
```
#52ae5f
```
#52ae5f rgb(82,174,95)
```
#48b858
```
#48b858 rgb(72,184,88)
```
#3ec251
```
#3ec251 rgb(62,194,81)
```
#34cc4a
```
#34cc4a rgb(52,204,74)
```
#2bd543
```
#2bd543 rgb(43,213,67)
```
#21df3c
```
#21df3c rgb(33,223,60)
```
#17e935
```
#17e935 rgb(23,233,53)
```
#0df32e
```
#0df32e rgb(13,243,46)
```
#04fc27
```
#04fc27 rgb(4,252,39)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7e9582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a75a Protanopia 1% of men
#c8a06a Deuteranopia 1% of men
#6eb1be Tritanopia 0.001% of the population

Trichromacy

#8fad59 Protanomaly 1% of men, 0.01% of women
#9aa863 Deuteranomaly 6% of men, 0.4% of women
#60b399 Tritanomaly 0.01% of the population

#48b858 hex color

#48b858 Color Information

#48b858 Color Conversion

Color Schemes with #48b858

Alternatives to #48b858

#48b858 Preview

Shades and Tints of #48b858

Tones of #48b858

Color Blindness Simulator