#48e48f hex color

In a RGB color space, hex #48e48f is composed of 28.2% red, 89.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 0% magenta, 37.3% yellow and 10.6% black. It has a hue angle of 147.3 degrees, a saturation of 74.3% and a lightness of 58.8%. #48e48f color hex could be obtained by blending #90ffff with #00c91f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 89
- B 56
RGB color chart
- C 68
- M 0
- Y 37
- K 11
CMYK color chart

● #48e48f color description : Soft cyan - lime green.

The hexadecimal color #48e48f has RGB values of R:72, G:228, B:143 and CMYK values of C:0.68, M:0, Y:0.37, K:0.11. Its decimal value is 4777103.

Hex triplet	48e48f	`#48e48f`
RGB Decimal	72, 228, 143	`rgb(72,228,143)`
RGB Percent	28.2, 89.4, 56.1	`rgb(28.2%,89.4%,56.1%)`
CMYK	68, 0, 37, 11
HSL	147.3°, 74.3, 58.8	`hsl(147.3,74.3%,58.8%)`
HSV (or HSB)	147.3°, 68.4, 89.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	81.206, -59.346, 29.97
XYZ	35.371, 58.844, 35.479
xyY	0.273, 0.454, 58.844
CIE-LCH	81.206, 66.484, 153.206
CIE-LUV	81.206, -63.06, 51.318
Hunter-Lab	76.71, -51.936, 26.275
Binary	01001000, 11100100, 10001111

#48e48f
```
#48e48f rgb(72,228,143)
```
#e4489d
```
#e4489d rgb(228,72,157)
```

Complementary Color

#4fe448
```
#4fe448 rgb(79,228,72)
```
#48e48f
```
#48e48f rgb(72,228,143)
```
#48e4dd
```
#48e4dd rgb(72,228,221)
```

Analogous Color

#e4484f
```
#e4484f rgb(228,72,79)
```
#48e48f
```
#48e48f rgb(72,228,143)
```
#dd48e4
```
#dd48e4 rgb(221,72,228)
```

Split Complementary Color

#e48f48
```
#e48f48 rgb(228,143,72)
```
#48e48f
```
#48e48f rgb(72,228,143)
```
#8f48e4
```
#8f48e4 rgb(143,72,228)
```

Triadic Color

#9de448
```
#9de448 rgb(157,228,72)
```
#48e48f
```
#48e48f rgb(72,228,143)
```
#8f48e4
```
#8f48e4 rgb(143,72,228)
```
#e4489d
```
#e4489d rgb(228,72,157)
```

Tetradic Color

#1dc368
```
#1dc368 rgb(29,195,104)
```
#20d974
```
#20d974 rgb(32,217,116)
```
#32e181
```
#32e181 rgb(50,225,129)
```
#48e48f
```
#48e48f rgb(72,228,143)
```
#5ee79d
```
#5ee79d rgb(94,231,157)
```
#74ebaa
```
#74ebaa rgb(116,235,170)
```
#8beeb8
```
#8beeb8 rgb(139,238,184)
```

Monochromatic Color

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

#48e468
```
#48e468 rgb(72,228,104)
```
#48e475
```
#48e475 rgb(72,228,117)
```
#48e482
```
#48e482 rgb(72,228,130)
```
#48e48f
```
#48e48f rgb(72,228,143)
```
#48e49c
```
#48e49c rgb(72,228,156)
```
#48e4a9
```
#48e4a9 rgb(72,228,169)
```
#48e4b6
```
#48e4b6 rgb(72,228,182)
```

Similar Colors

Text with hexadecimal color #48e48f

This text has a font color of #48e48f.

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

#48e48f background color

This paragraph has a background color of #48e48f.

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

#48e48f border color

This element has a border color of #48e48f.

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

CSS codes

.text {color:#48e48f;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#03160c
```
#03160c rgb(3,22,12)
```
#062715
```
#062715 rgb(6,39,21)
```
#08381e
```
#08381e rgb(8,56,30)
```
#0b4927
```
#0b4927 rgb(11,73,39)
```
#0d5a30
```
#0d5a30 rgb(13,90,48)
```
#106c3a
```
#106c3a rgb(16,108,58)
```
#127d43
```
#127d43 rgb(18,125,67)
```
#158e4c
```
#158e4c rgb(21,142,76)
```
#179f55
```
#179f55 rgb(23,159,85)
```
#1ab05e
```
#1ab05e rgb(26,176,94)
```
#1cc167
```
#1cc167 rgb(28,193,103)
```
#1fd271
```
#1fd271 rgb(31,210,113)
```

Shade Color Variation

#26df7a
```
#26df7a rgb(38,223,122)
```
#37e185
```
#37e185 rgb(55,225,133)
```
#48e48f
```
#48e48f rgb(72,228,143)
```
#59e799
```
#59e799 rgb(89,231,153)
```
#6ae9a4
```
#6ae9a4 rgb(106,233,164)
```
#7becae
```
#7becae rgb(123,236,174)
```
#8ceeb9
```
#8ceeb9 rgb(140,238,185)
```
#9df1c3
```
#9df1c3 rgb(157,241,195)
```
#aff3ce
```
#aff3ce rgb(175,243,206)
```
#c0f6d8
```
#c0f6d8 rgb(192,246,216)
```
#d1f8e3
```
#d1f8e3 rgb(209,248,227)
```
#e2fbed
```
#e2fbed rgb(226,251,237)
```
#f3fdf8
```
#f3fdf8 rgb(243,253,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919b96 is the less saturated color, while #30fc8d is the most saturated one.

#919b96
```
#919b96 rgb(145,155,150)
```
#89a395
```
#89a395 rgb(137,163,149)
```
#81ab94
```
#81ab94 rgb(129,171,148)
```
#78b493
```
#78b493 rgb(120,180,147)
```
#70bc93
```
#70bc93 rgb(112,188,147)
```
#68c492
```
#68c492 rgb(104,196,146)
```
#60cc91
```
#60cc91 rgb(96,204,145)
```
#58d490
```
#58d490 rgb(88,212,144)
```
#50dc90
```
#50dc90 rgb(80,220,144)
```
#48e48f
```
#48e48f rgb(72,228,143)
```
#40ec8e
```
#40ec8e rgb(64,236,142)
```
#38f48e
```
#38f48e rgb(56,244,142)
```
#30fc8d
```
#30fc8d rgb(48,252,141)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#98b7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcc8b Protanopia 1% of men
#eec4a0 Deuteranopia 1% of men
#77daea Tritanopia 0.001% of the population

Trichromacy

#a6d48c Protanomaly 1% of men, 0.01% of women
#b1d099 Deuteranomaly 6% of men, 0.4% of women
#65dec9 Tritanomaly 0.01% of the population

#48e48f hex color

#48e48f Color Information

#48e48f Color Conversion

Color Schemes with #48e48f

Alternatives to #48e48f

#48e48f Preview

Shades and Tints of #48e48f

Tones of #48e48f

Color Blindness Simulator