#48d395 hex color

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

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

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

The hexadecimal color #48d395 has RGB values of R:72, G:211, B:149 and CMYK values of C:0.66, M:0, Y:0.29, K:0.17. Its decimal value is 4772757.

Hex triplet	48d395	`#48d395`
RGB Decimal	72, 211, 149	`rgb(72,211,149)`
RGB Percent	28.2, 82.7, 58.4	`rgb(28.2%,82.7%,58.4%)`
CMYK	66, 0, 29, 17
HSL	153.2°, 61.2, 55.5	`hsl(153.2,61.2%,55.5%)`
HSV (or HSB)	153.2°, 65.9, 82.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.151, -51.594, 20.005
XYZ	31.389, 50.133, 36.455
xyY	0.266, 0.425, 50.133
CIE-LCH	76.151, 55.337, 158.807
CIE-LUV	76.151, -56.625, 36.695
Hunter-Lab	70.805, -44.776, 19.037
Binary	01001000, 11010011, 10010101

#48d395
```
#48d395 rgb(72,211,149)
```
#d34886
```
#d34886 rgb(211,72,134)
```

Complementary Color

#48d350
```
#48d350 rgb(72,211,80)
```
#48d395
```
#48d395 rgb(72,211,149)
```
#48ccd3
```
#48ccd3 rgb(72,204,211)
```

Analogous Color

#d35048
```
#d35048 rgb(211,80,72)
```
#48d395
```
#48d395 rgb(72,211,149)
```
#d348cc
```
#d348cc rgb(211,72,204)
```

Split Complementary Color

#d39548
```
#d39548 rgb(211,149,72)
```
#48d395
```
#48d395 rgb(72,211,149)
```
#9548d3
```
#9548d3 rgb(149,72,211)
```

Triadic Color

#86d348
```
#86d348 rgb(134,211,72)
```
#48d395
```
#48d395 rgb(72,211,149)
```
#9548d3
```
#9548d3 rgb(149,72,211)
```
#d34886
```
#d34886 rgb(211,72,134)
```

Tetradic Color

#28a66e
```
#28a66e rgb(40,166,110)
```
#2dbb7c
```
#2dbb7c rgb(45,187,124)
```
#33ce89
```
#33ce89 rgb(51,206,137)
```
#48d395
```
#48d395 rgb(72,211,149)
```
#5dd8a1
```
#5dd8a1 rgb(93,216,161)
```
#71ddad
```
#71ddad rgb(113,221,173)
```
#86e2b9
```
#86e2b9 rgb(134,226,185)
```

Monochromatic Color

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

#48d372
```
#48d372 rgb(72,211,114)
```
#48d37e
```
#48d37e rgb(72,211,126)
```
#48d389
```
#48d389 rgb(72,211,137)
```
#48d395
```
#48d395 rgb(72,211,149)
```
#48d3a1
```
#48d3a1 rgb(72,211,161)
```
#48d3ac
```
#48d3ac rgb(72,211,172)
```
#48d3b8
```
#48d3b8 rgb(72,211,184)
```

Similar Colors

Text with hexadecimal color #48d395

This text has a font color of #48d395.

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

#48d395 background color

This paragraph has a background color of #48d395.

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

#48d395 border color

This element has a border color of #48d395.

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

CSS codes

.text {color:#48d395;}

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

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

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)
```
#0d3624
```
#0d3624 rgb(13,54,36)
```
#11462e
```
#11462e rgb(17,70,46)
```
#155639
```
#155639 rgb(21,86,57)
```
#186643
```
#186643 rgb(24,102,67)
```
#1c754e
```
#1c754e rgb(28,117,78)
```
#208558
```
#208558 rgb(32,133,88)
```
#249563
```
#249563 rgb(36,149,99)
```
#28a56d
```
#28a56d rgb(40,165,109)
```
#2bb577
```
#2bb577 rgb(43,181,119)
```
#2fc582
```
#2fc582 rgb(47,197,130)
```

Shade Color Variation

#38cf8c
```
#38cf8c rgb(56,207,140)
```
#48d395
```
#48d395 rgb(72,211,149)
```
#58d79e
```
#58d79e rgb(88,215,158)
```
#68dba7
```
#68dba7 rgb(104,219,167)
```
#77deb0
```
#77deb0 rgb(119,222,176)
```
#87e2ba
```
#87e2ba rgb(135,226,186)
```
#97e6c3
```
#97e6c3 rgb(151,230,195)
```
#a7eacc
```
#a7eacc rgb(167,234,204)
```
#b7eed5
```
#b7eed5 rgb(183,238,213)
```
#c7f1de
```
#c7f1de rgb(199,241,222)
```
#d6f5e7
```
#d6f5e7 rgb(214,245,231)
```
#e6f9f1
```
#e6f9f1 rgb(230,249,241)
```
#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 #1cff9a is the most saturated one.

#85968e
```
#85968e rgb(133,150,142)
```
#7c9f8f
```
#7c9f8f rgb(124,159,143)
```
#74a790
```
#74a790 rgb(116,167,144)
```
#6bb091
```
#6bb091 rgb(107,176,145)
```
#62b992
```
#62b992 rgb(98,185,146)
```
#59c293
```
#59c293 rgb(89,194,147)
```
#51ca94
```
#51ca94 rgb(81,202,148)
```
#48d395
```
#48d395 rgb(72,211,149)
```
#3fdc96
```
#3fdc96 rgb(63,220,150)
```
#37e497
```
#37e497 rgb(55,228,151)
```
#2eed98
```
#2eed98 rgb(46,237,152)
```
#25f699
```
#25f699 rgb(37,246,153)
```
#1cff9a
```
#1cff9a rgb(28,255,154)
```

Tone Color Variation

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

#ccbe90 Protanopia 1% of men
#dab8a4 Deuteranopia 1% of men
#6eccdb Tritanopia 0.001% of the population

Trichromacy

#9cc692 Protanomaly 1% of men, 0.01% of women
#a5c29e Deuteranomaly 6% of men, 0.4% of women
#60cfc1 Tritanomaly 0.01% of the population

#48d395 hex color

#48d395 Color Information

#48d395 Color Conversion

Color Schemes with #48d395

Alternatives to #48d395

#48d395 Preview

Shades and Tints of #48d395

Tones of #48d395

Color Blindness Simulator