#48de86 hex color

In a RGB color space, hex #48de86 is composed of 28.2% red, 87.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 0% magenta, 39.6% yellow and 12.9% black. It has a hue angle of 144.8 degrees, a saturation of 69.4% and a lightness of 57.6%. #48de86 color hex could be obtained by blending #90ffff with #00bd0d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 87
- B 53
RGB color chart
- C 68
- M 0
- Y 40
- K 13
CMYK color chart

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

The hexadecimal color #48de86 has RGB values of R:72, G:222, B:134 and CMYK values of C:0.68, M:0, Y:0.4, K:0.13. Its decimal value is 4775558.

Hex triplet	48de86	`#48de86`
RGB Decimal	72, 222, 134	`rgb(72,222,134)`
RGB Percent	28.2, 87.1, 52.5	`rgb(28.2%,87.1%,52.5%)`
CMYK	68, 0, 40, 13
HSL	144.8°, 69.4, 57.6	`hsl(144.8,69.4%,57.6%)`
HSV (or HSB)	144.8°, 67.6, 87.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.236, -58.742, 31.938
XYZ	33.095, 55.338, 31.49
xyY	0.276, 0.461, 55.338
CIE-LCH	79.236, 66.863, 151.467
CIE-LUV	79.236, -61.398, 53.295
Hunter-Lab	74.39, -50.771, 26.975
Binary	01001000, 11011110, 10000110

#48de86
```
#48de86 rgb(72,222,134)
```
#de48a0
```
#de48a0 rgb(222,72,160)
```

Complementary Color

#55de48
```
#55de48 rgb(85,222,72)
```
#48de86
```
#48de86 rgb(72,222,134)
```
#48ded1
```
#48ded1 rgb(72,222,209)
```

Analogous Color

#de4855
```
#de4855 rgb(222,72,85)
```
#48de86
```
#48de86 rgb(72,222,134)
```
#d148de
```
#d148de rgb(209,72,222)
```

Split Complementary Color

#de8648
```
#de8648 rgb(222,134,72)
```
#48de86
```
#48de86 rgb(72,222,134)
```
#8648de
```
#8648de rgb(134,72,222)
```

Triadic Color

#a0de48
```
#a0de48 rgb(160,222,72)
```
#48de86
```
#48de86 rgb(72,222,134)
```
#8648de
```
#8648de rgb(134,72,222)
```
#de48a0
```
#de48a0 rgb(222,72,160)
```

Tetradic Color

#21b860
```
#21b860 rgb(33,184,96)
```
#25ce6b
```
#25ce6b rgb(37,206,107)
```
#32da78
```
#32da78 rgb(50,218,120)
```
#48de86
```
#48de86 rgb(72,222,134)
```
#5ee294
```
#5ee294 rgb(94,226,148)
```
#73e6a3
```
#73e6a3 rgb(115,230,163)
```
#89eab1
```
#89eab1 rgb(137,234,177)
```

Monochromatic Color

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

#48de61
```
#48de61 rgb(72,222,97)
```
#48de6d
```
#48de6d rgb(72,222,109)
```
#48de7a
```
#48de7a rgb(72,222,122)
```
#48de86
```
#48de86 rgb(72,222,134)
```
#48de93
```
#48de93 rgb(72,222,147)
```
#48de9f
```
#48de9f rgb(72,222,159)
```
#48deac
```
#48deac rgb(72,222,172)
```

Similar Colors

Text with hexadecimal color #48de86

This text has a font color of #48de86.

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

#48de86 background color

This paragraph has a background color of #48de86.

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

#48de86 border color

This element has a border color of #48de86.

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

CSS codes

.text {color:#48de86;}

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

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

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 #ffffff is the lightest one.

#031009
```
#031009 rgb(3,16,9)
```
#062111
```
#062111 rgb(6,33,17)
```
#09321a
```
#09321a rgb(9,50,26)
```
#0c4222
```
#0c4222 rgb(12,66,34)
```
#0f532b
```
#0f532b rgb(15,83,43)
```
#126434
```
#126434 rgb(18,100,52)
```
#15743c
```
#15743c rgb(21,116,60)
```
#188545
```
#188545 rgb(24,133,69)
```
#1b954e
```
#1b954e rgb(27,149,78)
```
#1ea656
```
#1ea656 rgb(30,166,86)
```
#21b75f
```
#21b75f rgb(33,183,95)
```
#24c767
```
#24c767 rgb(36,199,103)
```
#27d870
```
#27d870 rgb(39,216,112)
```

Shade Color Variation

#37db7b
```
#37db7b rgb(55,219,123)
```
#48de86
```
#48de86 rgb(72,222,134)
```
#59e191
```
#59e191 rgb(89,225,145)
```
#69e49c
```
#69e49c rgb(105,228,156)
```
#7ae7a7
```
#7ae7a7 rgb(122,231,167)
```
#8aeab2
```
#8aeab2 rgb(138,234,178)
```
#9bedbd
```
#9bedbd rgb(155,237,189)
```
#acf0c8
```
#acf0c8 rgb(172,240,200)
```
#bcf3d3
```
#bcf3d3 rgb(188,243,211)
```
#cdf6de
```
#cdf6de rgb(205,246,222)
```
#def9e9
```
#def9e9 rgb(222,249,233)
```
#eefcf4
```
#eefcf4 rgb(238,252,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939393 is the less saturated color, while #2ff782 is the most saturated one.

#939393
```
#939393 rgb(147,147,147)
```
#8a9c92
```
#8a9c92 rgb(138,156,146)
```
#82a490
```
#82a490 rgb(130,164,144)
```
#7aac8f
```
#7aac8f rgb(122,172,143)
```
#72b48d
```
#72b48d rgb(114,180,141)
```
#69bd8c
```
#69bd8c rgb(105,189,140)
```
#61c58a
```
#61c58a rgb(97,197,138)
```
#59cd89
```
#59cd89 rgb(89,205,137)
```
#50d687
```
#50d687 rgb(80,214,135)
```
#48de86
```
#48de86 rgb(72,222,134)
```
#40e685
```
#40e685 rgb(64,230,133)
```
#37ef83
```
#37ef83 rgb(55,239,131)
```
#2ff782
```
#2ff782 rgb(47,247,130)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#94b2a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c782 Protanopia 1% of men
#e9bf97 Deuteranopia 1% of men
#76d4e4 Tritanopia 0.001% of the population

Trichromacy

#a3cf84 Protanomaly 1% of men, 0.01% of women
#aeca91 Deuteranomaly 6% of men, 0.4% of women
#65d8c2 Tritanomaly 0.01% of the population

#48de86 hex color

#48de86 Color Information

#48de86 Color Conversion

Color Schemes with #48de86

Alternatives to #48de86

#48de86 Preview

Shades and Tints of #48de86

Tones of #48de86

Color Blindness Simulator