#48dc96 hex color

In a RGB color space, hex #48dc96 is composed of 28.2% red, 86.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 0% magenta, 31.8% yellow and 13.7% black. It has a hue angle of 151.6 degrees, a saturation of 67.9% and a lightness of 57.3%. #48dc96 color hex could be obtained by blending #90ffff with #00b92d. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #48dc96 has RGB values of R:72, G:220, B:150 and CMYK values of C:0.67, M:0, Y:0.32, K:0.14. Its decimal value is 4775062.

Hex triplet	48dc96	`#48dc96`
RGB Decimal	72, 220, 150	`rgb(72,220,150)`
RGB Percent	28.2, 86.3, 58.8	`rgb(28.2%,86.3%,58.8%)`
CMYK	67, 0, 32, 14
HSL	151.6°, 67.9, 57.3	`hsl(151.6,67.9%,57.3%)`
HSV (or HSB)	151.6°, 67.3, 86.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.905, -54.944, 23.259
XYZ	33.768, 54.763, 37.643
xyY	0.268, 0.434, 54.763
CIE-LCH	78.905, 59.664, 157.056
CIE-LUV	78.905, -59.825, 41.798
Hunter-Lab	74.002, -48.051, 21.642
Binary	01001000, 11011100, 10010110

#48dc96
```
#48dc96 rgb(72,220,150)
```
#dc488e
```
#dc488e rgb(220,72,142)
```

Complementary Color

#48dc4c
```
#48dc4c rgb(72,220,76)
```
#48dc96
```
#48dc96 rgb(72,220,150)
```
#48d8dc
```
#48d8dc rgb(72,216,220)
```

Analogous Color

#dc4c48
```
#dc4c48 rgb(220,76,72)
```
#48dc96
```
#48dc96 rgb(72,220,150)
```
#dc48d8
```
#dc48d8 rgb(220,72,216)
```

Split Complementary Color

#dc9648
```
#dc9648 rgb(220,150,72)
```
#48dc96
```
#48dc96 rgb(72,220,150)
```
#9648dc
```
#9648dc rgb(150,72,220)
```

Triadic Color

#8edc48
```
#8edc48 rgb(142,220,72)
```
#48dc96
```
#48dc96 rgb(72,220,150)
```
#9648dc
```
#9648dc rgb(150,72,220)
```
#dc488e
```
#dc488e rgb(220,72,142)
```

Tetradic Color

#23b570
```
#23b570 rgb(35,181,112)
```
#27ca7d
```
#27ca7d rgb(39,202,125)
```
#33d88a
```
#33d88a rgb(51,216,138)
```
#48dc96
```
#48dc96 rgb(72,220,150)
```
#5de0a2
```
#5de0a2 rgb(93,224,162)
```
#73e4af
```
#73e4af rgb(115,228,175)
```
#88e8bb
```
#88e8bb rgb(136,232,187)
```

Monochromatic Color

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

#48dc71
```
#48dc71 rgb(72,220,113)
```
#48dc7d
```
#48dc7d rgb(72,220,125)
```
#48dc8a
```
#48dc8a rgb(72,220,138)
```
#48dc96
```
#48dc96 rgb(72,220,150)
```
#48dca2
```
#48dca2 rgb(72,220,162)
```
#48dcaf
```
#48dcaf rgb(72,220,175)
```
#48dcbb
```
#48dcbb rgb(72,220,187)
```

Similar Colors

Text with hexadecimal color #48dc96

This text has a font color of #48dc96.

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

#48dc96 background color

This paragraph has a background color of #48dc96.

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

#48dc96 border color

This element has a border color of #48dc96.

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

CSS codes

.text {color:#48dc96;}

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

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

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, #030f09 is the darkest color, while #fdfffe is the lightest one.

#030f09
```
#030f09 rgb(3,15,9)
```
#061f13
```
#061f13 rgb(6,31,19)
```
#09301d
```
#09301d rgb(9,48,29)
```
#0c4028
```
#0c4028 rgb(12,64,40)
```
#0f5032
```
#0f5032 rgb(15,80,50)
```
#13613c
```
#13613c rgb(19,97,60)
```
#167146
```
#167146 rgb(22,113,70)
```
#198250
```
#198250 rgb(25,130,80)
```
#1c925a
```
#1c925a rgb(28,146,90)
```
#1fa365
```
#1fa365 rgb(31,163,101)
```
#22b36f
```
#22b36f rgb(34,179,111)
```
#25c479
```
#25c479 rgb(37,196,121)
```
#29d483
```
#29d483 rgb(41,212,131)
```

Shade Color Variation

#38d98d
```
#38d98d rgb(56,217,141)
```
#48dc96
```
#48dc96 rgb(72,220,150)
```
#58df9f
```
#58df9f rgb(88,223,159)
```
#69e2a9
```
#69e2a9 rgb(105,226,169)
```
#79e5b2
```
#79e5b2 rgb(121,229,178)
```
#8ae9bc
```
#8ae9bc rgb(138,233,188)
```
#9aecc5
```
#9aecc5 rgb(154,236,197)
```
#abefcf
```
#abefcf rgb(171,239,207)
```
#bbf2d8
```
#bbf2d8 rgb(187,242,216)
```
#ccf5e2
```
#ccf5e2 rgb(204,245,226)
```
#dcf8eb
```
#dcf8eb rgb(220,248,235)
```
#edfbf4
```
#edfbf4 rgb(237,251,244)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#8b9992
```
#8b9992 rgb(139,153,146)
```
#83a193
```
#83a193 rgb(131,161,147)
```
#7aaa93
```
#7aaa93 rgb(122,170,147)
```
#72b294
```
#72b294 rgb(114,178,148)
```
#6aba94
```
#6aba94 rgb(106,186,148)
```
#61c395
```
#61c395 rgb(97,195,149)
```
#59cb95
```
#59cb95 rgb(89,203,149)
```
#50d496
```
#50d496 rgb(80,212,150)
```
#48dc96
```
#48dc96 rgb(72,220,150)
```
#40e496
```
#40e496 rgb(64,228,150)
```
#37ed97
```
#37ed97 rgb(55,237,151)
```
#2ff597
```
#2ff597 rgb(47,245,151)
```
#26fe98
```
#26fe98 rgb(38,254,152)
```

Tone Color Variation

Below, you can see how #48dc96 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
#95b2a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c691 Protanopia 1% of men
#e4bfa5 Deuteranopia 1% of men
#72d4e3 Tritanopia 0.001% of the population

Trichromacy

#a1ce93 Protanomaly 1% of men, 0.01% of women
#abc9a0 Deuteranomaly 6% of men, 0.4% of women
#62d7c7 Tritanomaly 0.01% of the population

#48dc96 hex color

#48dc96 Color Information

#48dc96 Color Conversion

Color Schemes with #48dc96

Alternatives to #48dc96

#48dc96 Preview

Shades and Tints of #48dc96

Tones of #48dc96

Color Blindness Simulator