colorhexa.com

#48dd85 hex color

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

- R 28
- G 87
- B 52
RGB color chart
- C 67
- M 0
- Y 40
- K 13
CMYK color chart

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

The hexadecimal color #48dd85 has RGB values of R:72, G:221, B:133 and CMYK values of C:0.67, M:0, Y:0.4, K:0.13. Its decimal value is 4775301.

Hex triplet	48dd85	`#48dd85`
RGB Decimal	72, 221, 133	`rgb(72,221,133)`
RGB Percent	28.2, 86.7, 52.2	`rgb(28.2%,86.7%,52.2%)`
CMYK	67, 0, 40, 13
HSL	144.6°, 68.7, 57.5	`hsl(144.6,68.7%,57.5%)`
HSV (or HSB)	144.6°, 67.4, 86.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.915, -58.547, 32.023
XYZ	32.76, 54.781, 31.036
xyY	0.276, 0.462, 54.781
CIE-LCH	78.915, 66.733, 151.323
CIE-LUV	78.915, -61.092, 53.31
Hunter-Lab	74.014, -50.517, 26.948
Binary	01001000, 11011101, 10000101

#48dd85
```
#48dd85 rgb(72,221,133)
```
#dd48a0
```
#dd48a0 rgb(221,72,160)
```

Complementary Color

#56dd48
```
#56dd48 rgb(86,221,72)
```
#48dd85
```
#48dd85 rgb(72,221,133)
```
#48ddd0
```
#48ddd0 rgb(72,221,208)
```

Analogous Color

#dd4856
```
#dd4856 rgb(221,72,86)
```
#48dd85
```
#48dd85 rgb(72,221,133)
```
#d048dd
```
#d048dd rgb(208,72,221)
```

Split Complementary Color

#dd8548
```
#dd8548 rgb(221,133,72)
```
#48dd85
```
#48dd85 rgb(72,221,133)
```
#8548dd
```
#8548dd rgb(133,72,221)
```

Triadic Color

#a0dd48
```
#a0dd48 rgb(160,221,72)
```
#48dd85
```
#48dd85 rgb(72,221,133)
```
#8548dd
```
#8548dd rgb(133,72,221)
```
#dd48a0
```
#dd48a0 rgb(221,72,160)
```

Tetradic Color

#22b75f
```
#22b75f rgb(34,183,95)
```
#26cc6a
```
#26cc6a rgb(38,204,106)
```
#32d977
```
#32d977 rgb(50,217,119)
```
#48dd85
```
#48dd85 rgb(72,221,133)
```
#5ee193
```
#5ee193 rgb(94,225,147)
```
#73e5a2
```
#73e5a2 rgb(115,229,162)
```
#89e9b0
```
#89e9b0 rgb(137,233,176)
```

Monochromatic Color

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

#48dd60
```
#48dd60 rgb(72,221,96)
```
#48dd6c
```
#48dd6c rgb(72,221,108)
```
#48dd79
```
#48dd79 rgb(72,221,121)
```
#48dd85
```
#48dd85 rgb(72,221,133)
```
#48dd91
```
#48dd91 rgb(72,221,145)
```
#48dd9e
```
#48dd9e rgb(72,221,158)
```
#48ddaa
```
#48ddaa rgb(72,221,170)
```

Similar Colors

Text with hexadecimal color #48dd85

This text has a font color of #48dd85.

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

#48dd85 background color

This paragraph has a background color of #48dd85.

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

#48dd85 border color

This element has a border color of #48dd85.

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

CSS codes

.text {color:#48dd85;}

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

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

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

#031008
```
#031008 rgb(3,16,8)
```
#062011
```
#062011 rgb(6,32,17)
```
#093119
```
#093119 rgb(9,49,25)
```
#0c4122
```
#0c4122 rgb(12,65,34)
```
#0f522a
```
#0f522a rgb(15,82,42)
```
#126233
```
#126233 rgb(18,98,51)
```
#15733c
```
#15733c rgb(21,115,60)
```
#188344
```
#188344 rgb(24,131,68)
```
#1b944d
```
#1b944d rgb(27,148,77)
```
#1fa455
```
#1fa455 rgb(31,164,85)
```
#22b55e
```
#22b55e rgb(34,181,94)
```
#25c567
```
#25c567 rgb(37,197,103)
```
#28d66f
```
#28d66f rgb(40,214,111)
```

Shade Color Variation

#37da7a
```
#37da7a rgb(55,218,122)
```
#48dd85
```
#48dd85 rgb(72,221,133)
```
#59e090
```
#59e090 rgb(89,224,144)
```
#69e39b
```
#69e39b rgb(105,227,155)
```
#7ae6a6
```
#7ae6a6 rgb(122,230,166)
```
#8ae9b1
```
#8ae9b1 rgb(138,233,177)
```
#9becbc
```
#9becbc rgb(155,236,188)
```
#abefc7
```
#abefc7 rgb(171,239,199)
```
#bcf3d2
```
#bcf3d2 rgb(188,243,210)
```
#ccf6dd
```
#ccf6dd rgb(204,246,221)
```
#ddf9e8
```
#ddf9e8 rgb(221,249,232)
```
#edfcf3
```
#edfcf3 rgb(237,252,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8b9a91
```
#8b9a91 rgb(139,154,145)
```
#82a390
```
#82a390 rgb(130,163,144)
```
#7aab8e
```
#7aab8e rgb(122,171,142)
```
#72b38d
```
#72b38d rgb(114,179,141)
```
#69bc8b
```
#69bc8b rgb(105,188,139)
```
#61c48a
```
#61c48a rgb(97,196,138)
```
#59cc88
```
#59cc88 rgb(89,204,136)
```
#50d587
```
#50d587 rgb(80,213,135)
```
#48dd85
```
#48dd85 rgb(72,221,133)
```
#40e583
```
#40e583 rgb(64,229,131)
```
#37ee82
```
#37ee82 rgb(55,238,130)
```
#2ff680
```
#2ff680 rgb(47,246,128)
```
#27fe7f
```
#27fe7f rgb(39,254,127)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#93b19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c682 Protanopia 1% of men
#e8be96 Deuteranopia 1% of men
#75d4e3 Tritanopia 0.001% of the population

Trichromacy

#a3ce83 Protanomaly 1% of men, 0.01% of women
#aec990 Deuteranomaly 6% of men, 0.4% of women
#65d7c1 Tritanomaly 0.01% of the population