#48dd8f hex color

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

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

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

The hexadecimal color #48dd8f has RGB values of R:72, G:221, B:143 and CMYK values of C:0.67, M:0, Y:0.35, K:0.13. Its decimal value is 4775311.

Hex triplet	48dd8f	`#48dd8f`
RGB Decimal	72, 221, 143	`rgb(72,221,143)`
RGB Percent	28.2, 86.7, 56.1	`rgb(28.2%,86.7%,56.1%)`
CMYK	67, 0, 35, 13
HSL	148.6°, 68.7, 57.5	`hsl(148.6,68.7%,57.5%)`
HSV (or HSB)	148.6°, 67.4, 86.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.082, -56.703, 27.126
XYZ	33.485, 55.071, 34.85
xyY	0.271, 0.446, 55.071
CIE-LCH	79.082, 62.858, 154.434
CIE-LUV	79.082, -60.567, 47.043
Hunter-Lab	74.21, -49.325, 24.103
Binary	01001000, 11011101, 10001111

#48dd8f
```
#48dd8f rgb(72,221,143)
```
#dd4896
```
#dd4896 rgb(221,72,150)
```

Complementary Color

#4bdd48
```
#4bdd48 rgb(75,221,72)
```
#48dd8f
```
#48dd8f rgb(72,221,143)
```
#48ddda
```
#48ddda rgb(72,221,218)
```

Analogous Color

#dd484b
```
#dd484b rgb(221,72,75)
```
#48dd8f
```
#48dd8f rgb(72,221,143)
```
#da48dd
```
#da48dd rgb(218,72,221)
```

Split Complementary Color

#dd8f48
```
#dd8f48 rgb(221,143,72)
```
#48dd8f
```
#48dd8f rgb(72,221,143)
```
#8f48dd
```
#8f48dd rgb(143,72,221)
```

Triadic Color

#96dd48
```
#96dd48 rgb(150,221,72)
```
#48dd8f
```
#48dd8f rgb(72,221,143)
```
#8f48dd
```
#8f48dd rgb(143,72,221)
```
#dd4896
```
#dd4896 rgb(221,72,150)
```

Tetradic Color

#22b769
```
#22b769 rgb(34,183,105)
```
#26cc75
```
#26cc75 rgb(38,204,117)
```
#32d982
```
#32d982 rgb(50,217,130)
```
#48dd8f
```
#48dd8f rgb(72,221,143)
```
#5ee19c
```
#5ee19c rgb(94,225,156)
```
#73e5a9
```
#73e5a9 rgb(115,229,169)
```
#89e9b6
```
#89e9b6 rgb(137,233,182)
```

Monochromatic Color

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

#48dd6a
```
#48dd6a rgb(72,221,106)
```
#48dd76
```
#48dd76 rgb(72,221,118)
```
#48dd83
```
#48dd83 rgb(72,221,131)
```
#48dd8f
```
#48dd8f rgb(72,221,143)
```
#48dd9b
```
#48dd9b rgb(72,221,155)
```
#48dda8
```
#48dda8 rgb(72,221,168)
```
#48ddb4
```
#48ddb4 rgb(72,221,180)
```

Similar Colors

Text with hexadecimal color #48dd8f

This text has a font color of #48dd8f.

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

#48dd8f background color

This paragraph has a background color of #48dd8f.

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

#48dd8f border color

This element has a border color of #48dd8f.

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

CSS codes

.text {color:#48dd8f;}

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

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

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)
```
#062012
```
#062012 rgb(6,32,18)
```
#09311c
```
#09311c rgb(9,49,28)
```
#0c4125
```
#0c4125 rgb(12,65,37)
```
#0f522f
```
#0f522f rgb(15,82,47)
```
#126238
```
#126238 rgb(18,98,56)
```
#157342
```
#157342 rgb(21,115,66)
```
#18834b
```
#18834b rgb(24,131,75)
```
#1b9455
```
#1b9455 rgb(27,148,85)
```
#1fa45e
```
#1fa45e rgb(31,164,94)
```
#22b568
```
#22b568 rgb(34,181,104)
```
#25c571
```
#25c571 rgb(37,197,113)
```
#28d67b
```
#28d67b rgb(40,214,123)
```

Shade Color Variation

#37da85
```
#37da85 rgb(55,218,133)
```
#48dd8f
```
#48dd8f rgb(72,221,143)
```
#59e099
```
#59e099 rgb(89,224,153)
```
#69e3a3
```
#69e3a3 rgb(105,227,163)
```
#7ae6ad
```
#7ae6ad rgb(122,230,173)
```
#8ae9b7
```
#8ae9b7 rgb(138,233,183)
```
#9becc2
```
#9becc2 rgb(155,236,194)
```
#abefcc
```
#abefcc rgb(171,239,204)
```
#bcf3d6
```
#bcf3d6 rgb(188,243,214)
```
#ccf6e0
```
#ccf6e0 rgb(204,246,224)
```
#ddf9ea
```
#ddf9ea rgb(221,249,234)
```
#edfcf4
```
#edfcf4 rgb(237,252,244)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8b9a92
```
#8b9a92 rgb(139,154,146)
```
#82a392
```
#82a392 rgb(130,163,146)
```
#7aab91
```
#7aab91 rgb(122,171,145)
```
#72b391
```
#72b391 rgb(114,179,145)
```
#69bc91
```
#69bc91 rgb(105,188,145)
```
#61c490
```
#61c490 rgb(97,196,144)
```
#59cc90
```
#59cc90 rgb(89,204,144)
```
#50d58f
```
#50d58f rgb(80,213,143)
```
#48dd8f
```
#48dd8f rgb(72,221,143)
```
#40e58f
```
#40e58f rgb(64,229,143)
```
#37ee8e
```
#37ee8e rgb(55,238,142)
```
#2ff68e
```
#2ff68e rgb(47,246,142)
```
#27fe8d
```
#27fe8d rgb(39,254,141)
```

Tone Color Variation

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

Dichromacy

#d6c68b Protanopia 1% of men
#e6bf9f Deuteranopia 1% of men
#74d4e4 Tritanopia 0.001% of the population

Trichromacy

#a2ce8c Protanomaly 1% of men, 0.01% of women
#adca99 Deuteranomaly 6% of men, 0.4% of women
#64d7c5 Tritanomaly 0.01% of the population

#48dd8f hex color

#48dd8f Color Information

#48dd8f Color Conversion

Color Schemes with #48dd8f

Alternatives to #48dd8f

#48dd8f Preview

Shades and Tints of #48dd8f

Tones of #48dd8f

Color Blindness Simulator