#48d393 hex color

In a RGB color space, hex #48d393 is composed of 28.2% red, 82.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 0% magenta, 30.3% yellow and 17.3% black. It has a hue angle of 152.4 degrees, a saturation of 61.2% and a lightness of 55.5%. #48d393 color hex could be obtained by blending #90ffff with #00a727. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 83
- B 58
RGB color chart
- C 66
- M 0
- Y 30
- K 17
CMYK color chart

● #48d393 color description : Moderate cyan - lime green.

The hexadecimal color #48d393 has RGB values of R:72, G:211, B:147 and CMYK values of C:0.66, M:0, Y:0.3, K:0.17. Its decimal value is 4772755.

Hex triplet	48d393	`#48d393`
RGB Decimal	72, 211, 147	`rgb(72,211,147)`
RGB Percent	28.2, 82.7, 57.6	`rgb(28.2%,82.7%,57.6%)`
CMYK	66, 0, 30, 17
HSL	152.4°, 61.2, 55.5	`hsl(152.4,61.2%,55.5%)`
HSV (or HSB)	152.4°, 65.9, 82.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.112, -52.009, 21.005
XYZ	31.231, 50.07, 35.621
xyY	0.267, 0.428, 50.07
CIE-LCH	76.112, 56.091, 158.007
CIE-LUV	76.112, -56.736, 38.072
Hunter-Lab	70.76, -45.047, 19.685
Binary	01001000, 11010011, 10010011

#48d393
```
#48d393 rgb(72,211,147)
```
#d34888
```
#d34888 rgb(211,72,136)
```

Complementary Color

#48d34e
```
#48d34e rgb(72,211,78)
```
#48d393
```
#48d393 rgb(72,211,147)
```
#48ced3
```
#48ced3 rgb(72,206,211)
```

Analogous Color

#d34e48
```
#d34e48 rgb(211,78,72)
```
#48d393
```
#48d393 rgb(72,211,147)
```
#d348ce
```
#d348ce rgb(211,72,206)
```

Split Complementary Color

#d39348
```
#d39348 rgb(211,147,72)
```
#48d393
```
#48d393 rgb(72,211,147)
```
#9348d3
```
#9348d3 rgb(147,72,211)
```

Triadic Color

#88d348
```
#88d348 rgb(136,211,72)
```
#48d393
```
#48d393 rgb(72,211,147)
```
#9348d3
```
#9348d3 rgb(147,72,211)
```
#d34888
```
#d34888 rgb(211,72,136)
```

Tetradic Color

#28a66c
```
#28a66c rgb(40,166,108)
```
#2dbb7a
```
#2dbb7a rgb(45,187,122)
```
#33ce87
```
#33ce87 rgb(51,206,135)
```
#48d393
```
#48d393 rgb(72,211,147)
```
#5dd89f
```
#5dd89f rgb(93,216,159)
```
#71ddab
```
#71ddab rgb(113,221,171)
```
#86e2b7
```
#86e2b7 rgb(134,226,183)
```

Monochromatic Color

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

#48d370
```
#48d370 rgb(72,211,112)
```
#48d37c
```
#48d37c rgb(72,211,124)
```
#48d387
```
#48d387 rgb(72,211,135)
```
#48d393
```
#48d393 rgb(72,211,147)
```
#48d39f
```
#48d39f rgb(72,211,159)
```
#48d3aa
```
#48d3aa rgb(72,211,170)
```
#48d3b6
```
#48d3b6 rgb(72,211,182)
```

Similar Colors

Text with hexadecimal color #48d393

This text has a font color of #48d393.

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

#48d393 background color

This paragraph has a background color of #48d393.

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

#48d393 border color

This element has a border color of #48d393.

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

CSS codes

.text {color:#48d393;}

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

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

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

#020704
```
#020704 rgb(2,7,4)
```
#05170f
```
#05170f rgb(5,23,15)
```
#092619
```
#092619 rgb(9,38,25)
```
#0d3623
```
#0d3623 rgb(13,54,35)
```
#11462e
```
#11462e rgb(17,70,46)
```
#155638
```
#155638 rgb(21,86,56)
```
#186642
```
#186642 rgb(24,102,66)
```
#1c754c
```
#1c754c rgb(28,117,76)
```
#208557
```
#208557 rgb(32,133,87)
```
#249561
```
#249561 rgb(36,149,97)
```
#28a56b
```
#28a56b rgb(40,165,107)
```
#2bb576
```
#2bb576 rgb(43,181,118)
```
#2fc580
```
#2fc580 rgb(47,197,128)
```

Shade Color Variation

#38cf8a
```
#38cf8a rgb(56,207,138)
```
#48d393
```
#48d393 rgb(72,211,147)
```
#58d79c
```
#58d79c rgb(88,215,156)
```
#68dba6
```
#68dba6 rgb(104,219,166)
```
#77deaf
```
#77deaf rgb(119,222,175)
```
#87e2b8
```
#87e2b8 rgb(135,226,184)
```
#97e6c2
```
#97e6c2 rgb(151,230,194)
```
#a7eacb
```
#a7eacb rgb(167,234,203)
```
#b7eed4
```
#b7eed4 rgb(183,238,212)
```
#c7f1de
```
#c7f1de rgb(199,241,222)
```
#d6f5e7
```
#d6f5e7 rgb(214,245,231)
```
#e6f9f0
```
#e6f9f0 rgb(230,249,240)
```
#f6fdfa
```
#f6fdfa rgb(246,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85968e is the less saturated color, while #1cff96 is the most saturated one.

#85968e
```
#85968e rgb(133,150,142)
```
#7c9f8f
```
#7c9f8f rgb(124,159,143)
```
#74a790
```
#74a790 rgb(116,167,144)
```
#6bb090
```
#6bb090 rgb(107,176,144)
```
#62b991
```
#62b991 rgb(98,185,145)
```
#59c292
```
#59c292 rgb(89,194,146)
```
#51ca92
```
#51ca92 rgb(81,202,146)
```
#48d393
```
#48d393 rgb(72,211,147)
```
#3fdc94
```
#3fdc94 rgb(63,220,148)
```
#37e494
```
#37e494 rgb(55,228,148)
```
#2eed95
```
#2eed95 rgb(46,237,149)
```
#25f696
```
#25f696 rgb(37,246,150)
```
#1cff96
```
#1cff96 rgb(28,255,150)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#90ac9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbe8f Protanopia 1% of men
#dbb8a2 Deuteranopia 1% of men
#6fccdb Tritanopia 0.001% of the population

Trichromacy

#9cc690 Protanomaly 1% of men, 0.01% of women
#a5c29c Deuteranomaly 6% of men, 0.4% of women
#60cec1 Tritanomaly 0.01% of the population

#48d393 hex color

#48d393 Color Information

#48d393 Color Conversion

Color Schemes with #48d393

Alternatives to #48d393

#48d393 Preview

Shades and Tints of #48d393

Tones of #48d393

Color Blindness Simulator