#48dd96 hex color

In a RGB color space, hex #48dd96 is composed of 28.2% red, 86.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 0% magenta, 32.1% yellow and 13.3% black. It has a hue angle of 151.4 degrees, a saturation of 68.7% and a lightness of 57.5%. #48dd96 color hex could be obtained by blending #90ffff with #00bb2d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 87
- B 59
RGB color chart
- C 67
- M 0
- Y 32
- K 13
CMYK color chart

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

The hexadecimal color #48dd96 has RGB values of R:72, G:221, B:150 and CMYK values of C:0.67, M:0, Y:0.32, K:0.13. Its decimal value is 4775318.

Hex triplet	48dd96	`#48dd96`
RGB Decimal	72, 221, 150	`rgb(72,221,150)`
RGB Percent	28.2, 86.7, 58.8	`rgb(28.2%,86.7%,58.8%)`
CMYK	67, 0, 32, 13
HSL	151.4°, 68.7, 57.5	`hsl(151.4,68.7%,57.5%)`
HSV (or HSB)	151.4°, 67.4, 86.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.208, -55.333, 23.673
XYZ	34.031, 55.29, 37.731
xyY	0.268, 0.435, 55.29
CIE-LCH	79.208, 60.184, 156.837
CIE-LUV	79.208, -60.183, 42.433
Hunter-Lab	74.357, -48.429, 21.964
Binary	01001000, 11011101, 10010110

#48dd96
```
#48dd96 rgb(72,221,150)
```
#dd488f
```
#dd488f rgb(221,72,143)
```

Complementary Color

#48dd4c
```
#48dd4c rgb(72,221,76)
```
#48dd96
```
#48dd96 rgb(72,221,150)
```
#48dadd
```
#48dadd rgb(72,218,221)
```

Analogous Color

#dd4c48
```
#dd4c48 rgb(221,76,72)
```
#48dd96
```
#48dd96 rgb(72,221,150)
```
#dd48da
```
#dd48da rgb(221,72,218)
```

Split Complementary Color

#dd9648
```
#dd9648 rgb(221,150,72)
```
#48dd96
```
#48dd96 rgb(72,221,150)
```
#9648dd
```
#9648dd rgb(150,72,221)
```

Triadic Color

#8fdd48
```
#8fdd48 rgb(143,221,72)
```
#48dd96
```
#48dd96 rgb(72,221,150)
```
#9648dd
```
#9648dd rgb(150,72,221)
```
#dd488f
```
#dd488f rgb(221,72,143)
```

Tetradic Color

#22b770
```
#22b770 rgb(34,183,112)
```
#26cc7d
```
#26cc7d rgb(38,204,125)
```
#32d98a
```
#32d98a rgb(50,217,138)
```
#48dd96
```
#48dd96 rgb(72,221,150)
```
#5ee1a2
```
#5ee1a2 rgb(94,225,162)
```
#73e5af
```
#73e5af rgb(115,229,175)
```
#89e9bb
```
#89e9bb rgb(137,233,187)
```

Monochromatic Color

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

#48dd71
```
#48dd71 rgb(72,221,113)
```
#48dd7d
```
#48dd7d rgb(72,221,125)
```
#48dd8a
```
#48dd8a rgb(72,221,138)
```
#48dd96
```
#48dd96 rgb(72,221,150)
```
#48dda2
```
#48dda2 rgb(72,221,162)
```
#48ddaf
```
#48ddaf rgb(72,221,175)
```
#48ddbb
```
#48ddbb rgb(72,221,187)
```

Similar Colors

Text with hexadecimal color #48dd96

This text has a font color of #48dd96.

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

#48dd96 background color

This paragraph has a background color of #48dd96.

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

#48dd96 border color

This element has a border color of #48dd96.

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

CSS codes

.text {color:#48dd96;}

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

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

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

#031009
```
#031009 rgb(3,16,9)
```
#062014
```
#062014 rgb(6,32,20)
```
#09311e
```
#09311e rgb(9,49,30)
```
#0c4128
```
#0c4128 rgb(12,65,40)
```
#0f5232
```
#0f5232 rgb(15,82,50)
```
#12623c
```
#12623c rgb(18,98,60)
```
#157346
```
#157346 rgb(21,115,70)
```
#188350
```
#188350 rgb(24,131,80)
```
#1b945a
```
#1b945a rgb(27,148,90)
```
#1fa465
```
#1fa465 rgb(31,164,101)
```
#22b56f
```
#22b56f rgb(34,181,111)
```
#25c579
```
#25c579 rgb(37,197,121)
```
#28d683
```
#28d683 rgb(40,214,131)
```

Shade Color Variation

#37da8d
```
#37da8d rgb(55,218,141)
```
#48dd96
```
#48dd96 rgb(72,221,150)
```
#59e09f
```
#59e09f rgb(89,224,159)
```
#69e3a9
```
#69e3a9 rgb(105,227,169)
```
#7ae6b2
```
#7ae6b2 rgb(122,230,178)
```
#8ae9bc
```
#8ae9bc rgb(138,233,188)
```
#9becc5
```
#9becc5 rgb(155,236,197)
```
#abefcf
```
#abefcf rgb(171,239,207)
```
#bcf3d8
```
#bcf3d8 rgb(188,243,216)
```
#ccf6e2
```
#ccf6e2 rgb(204,246,226)
```
#ddf9eb
```
#ddf9eb rgb(221,249,235)
```
#edfcf5
```
#edfcf5 rgb(237,252,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9a93 is the less saturated color, while #27fe98 is the most saturated one.

#8b9a93
```
#8b9a93 rgb(139,154,147)
```
#82a393
```
#82a393 rgb(130,163,147)
```
#7aab94
```
#7aab94 rgb(122,171,148)
```
#72b394
```
#72b394 rgb(114,179,148)
```
#69bc94
```
#69bc94 rgb(105,188,148)
```
#61c495
```
#61c495 rgb(97,196,149)
```
#59cc95
```
#59cc95 rgb(89,204,149)
```
#50d596
```
#50d596 rgb(80,213,150)
```
#48dd96
```
#48dd96 rgb(72,221,150)
```
#40e596
```
#40e596 rgb(64,229,150)
```
#37ee97
```
#37ee97 rgb(55,238,151)
```
#2ff697
```
#2ff697 rgb(47,246,151)
```
#27fe98
```
#27fe98 rgb(39,254,152)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#95b3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c791 Protanopia 1% of men
#e5c0a6 Deuteranopia 1% of men
#72d5e4 Tritanopia 0.001% of the population

Trichromacy

#a2cf93 Protanomaly 1% of men, 0.01% of women
#accaa0 Deuteranomaly 6% of men, 0.4% of women
#63d8c8 Tritanomaly 0.01% of the population

#48dd96 hex color

#48dd96 Color Information

#48dd96 Color Conversion

Color Schemes with #48dd96

Alternatives to #48dd96

#48dd96 Preview

Shades and Tints of #48dd96

Tones of #48dd96

Color Blindness Simulator