#48e493 hex color

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

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

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

The hexadecimal color #48e493 has RGB values of R:72, G:228, B:147 and CMYK values of C:0.68, M:0, Y:0.36, K:0.11. Its decimal value is 4777107.

Hex triplet	48e493	`#48e493`
RGB Decimal	72, 228, 147	`rgb(72,228,147)`
RGB Percent	28.2, 89.4, 57.6	`rgb(28.2%,89.4%,57.6%)`
CMYK	68, 0, 36, 11
HSL	148.8°, 74.3, 58.8	`hsl(148.8,74.3%,58.8%)`
HSV (or HSB)	148.8°, 68.4, 89.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	81.274, -58.596, 28.018
XYZ	35.68, 58.968, 37.104
xyY	0.271, 0.448, 58.968
CIE-LCH	81.274, 64.95, 154.445
CIE-LUV	81.274, -62.844, 48.774
Hunter-Lab	76.79, -51.445, 25.106
Binary	01001000, 11100100, 10010011

#48e493
```
#48e493 rgb(72,228,147)
```
#e44899
```
#e44899 rgb(228,72,153)
```

Complementary Color

#4be448
```
#4be448 rgb(75,228,72)
```
#48e493
```
#48e493 rgb(72,228,147)
```
#48e4e1
```
#48e4e1 rgb(72,228,225)
```

Analogous Color

#e4484b
```
#e4484b rgb(228,72,75)
```
#48e493
```
#48e493 rgb(72,228,147)
```
#e148e4
```
#e148e4 rgb(225,72,228)
```

Split Complementary Color

#e49348
```
#e49348 rgb(228,147,72)
```
#48e493
```
#48e493 rgb(72,228,147)
```
#9348e4
```
#9348e4 rgb(147,72,228)
```

Triadic Color

#99e448
```
#99e448 rgb(153,228,72)
```
#48e493
```
#48e493 rgb(72,228,147)
```
#9348e4
```
#9348e4 rgb(147,72,228)
```
#e44899
```
#e44899 rgb(228,72,153)
```

Tetradic Color

#1dc36d
```
#1dc36d rgb(29,195,109)
```
#20d979
```
#20d979 rgb(32,217,121)
```
#32e186
```
#32e186 rgb(50,225,134)
```
#48e493
```
#48e493 rgb(72,228,147)
```
#5ee7a0
```
#5ee7a0 rgb(94,231,160)
```
#74ebad
```
#74ebad rgb(116,235,173)
```
#8beeba
```
#8beeba rgb(139,238,186)
```

Monochromatic Color

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

#48e46c
```
#48e46c rgb(72,228,108)
```
#48e479
```
#48e479 rgb(72,228,121)
```
#48e486
```
#48e486 rgb(72,228,134)
```
#48e493
```
#48e493 rgb(72,228,147)
```
#48e4a0
```
#48e4a0 rgb(72,228,160)
```
#48e4ad
```
#48e4ad rgb(72,228,173)
```
#48e4ba
```
#48e4ba rgb(72,228,186)
```

Similar Colors

Text with hexadecimal color #48e493

This text has a font color of #48e493.

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

#48e493 background color

This paragraph has a background color of #48e493.

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

#48e493 border color

This element has a border color of #48e493.

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

CSS codes

.text {color:#48e493;}

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

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

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)
```
#062716
```
#062716 rgb(6,39,22)
```
#08381f
```
#08381f rgb(8,56,31)
```
#0b4929
```
#0b4929 rgb(11,73,41)
```
#0d5a32
```
#0d5a32 rgb(13,90,50)
```
#106c3c
```
#106c3c rgb(16,108,60)
```
#127d45
```
#127d45 rgb(18,125,69)
```
#158e4f
```
#158e4f rgb(21,142,79)
```
#179f59
```
#179f59 rgb(23,159,89)
```
#1ab062
```
#1ab062 rgb(26,176,98)
```
#1cc16c
```
#1cc16c rgb(28,193,108)
```
#1fd275
```
#1fd275 rgb(31,210,117)
```

Shade Color Variation

#26df7f
```
#26df7f rgb(38,223,127)
```
#37e189
```
#37e189 rgb(55,225,137)
```
#48e493
```
#48e493 rgb(72,228,147)
```
#59e79d
```
#59e79d rgb(89,231,157)
```
#6ae9a7
```
#6ae9a7 rgb(106,233,167)
```
#7becb1
```
#7becb1 rgb(123,236,177)
```
#8ceebb
```
#8ceebb rgb(140,238,187)
```
#9df1c5
```
#9df1c5 rgb(157,241,197)
```
#aff3d0
```
#aff3d0 rgb(175,243,208)
```
#c0f6da
```
#c0f6da rgb(192,246,218)
```
#d1f8e4
```
#d1f8e4 rgb(209,248,228)
```
#e2fbee
```
#e2fbee rgb(226,251,238)
```
#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 #30fc92 is the most saturated one.

#919b96
```
#919b96 rgb(145,155,150)
```
#89a395
```
#89a395 rgb(137,163,149)
```
#81ab95
```
#81ab95 rgb(129,171,149)
```
#78b495
```
#78b495 rgb(120,180,149)
```
#70bc95
```
#70bc95 rgb(112,188,149)
```
#68c494
```
#68c494 rgb(104,196,148)
```
#60cc94
```
#60cc94 rgb(96,204,148)
```
#58d494
```
#58d494 rgb(88,212,148)
```
#50dc93
```
#50dc93 rgb(80,220,147)
```
#48e493
```
#48e493 rgb(72,228,147)
```
#40ec93
```
#40ec93 rgb(64,236,147)
```
#38f492
```
#38f492 rgb(56,244,146)
```
#30fc92
```
#30fc92 rgb(48,252,146)
```

Tone Color Variation

Below, you can see how #48e493 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
#98b7a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccc8e Protanopia 1% of men
#edc5a3 Deuteranopia 1% of men
#76dbeb Tritanopia 0.001% of the population

Trichromacy

#a6d590 Protanomaly 1% of men, 0.01% of women
#b1d09d Deuteranomaly 6% of men, 0.4% of women
#65decb Tritanomaly 0.01% of the population

#48e493 hex color

#48e493 Color Information

#48e493 Color Conversion

Color Schemes with #48e493

Alternatives to #48e493

#48e493 Preview

Shades and Tints of #48e493

Tones of #48e493

Color Blindness Simulator