#48d5ad hex color

In a RGB color space, hex #48d5ad is composed of 28.2% red, 83.5% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 0% magenta, 18.8% yellow and 16.5% black. It has a hue angle of 163 degrees, a saturation of 62.7% and a lightness of 55.9%. #48d5ad color hex could be obtained by blending #90ffff with #00ab5b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 84
- B 68
RGB color chart
- C 66
- M 0
- Y 19
- K 16
CMYK color chart

● #48d5ad color description : Moderate cyan - lime green.

The hexadecimal color #48d5ad has RGB values of R:72, G:213, B:173 and CMYK values of C:0.66, M:0, Y:0.19, K:0.16. Its decimal value is 4773293.

Hex triplet	48d5ad	`#48d5ad`
RGB Decimal	72, 213, 173	`rgb(72,213,173)`
RGB Percent	28.2, 83.5, 67.8	`rgb(28.2%,83.5%,67.8%)`
CMYK	66, 0, 19, 16
HSL	163°, 62.7, 55.9	`hsl(163,62.7%,55.9%)`
HSV (or HSB)	163°, 66.2, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.269, -47.062, 8.833
XYZ	34.007, 51.98, 47.774
xyY	0.254, 0.389, 51.98
CIE-LCH	77.269, 47.884, 169.37
CIE-LUV	77.269, -55.956, 20.582
Hunter-Lab	72.097, -41.976, 11.181
Binary	01001000, 11010101, 10101101

#48d5ad
```
#48d5ad rgb(72,213,173)
```
#d54870
```
#d54870 rgb(213,72,112)
```

Complementary Color

#48d567
```
#48d567 rgb(72,213,103)
```
#48d5ad
```
#48d5ad rgb(72,213,173)
```
#48b7d5
```
#48b7d5 rgb(72,183,213)
```

Analogous Color

#d56748
```
#d56748 rgb(213,103,72)
```
#48d5ad
```
#48d5ad rgb(72,213,173)
```
#d548b7
```
#d548b7 rgb(213,72,183)
```

Split Complementary Color

#d5ad48
```
#d5ad48 rgb(213,173,72)
```
#48d5ad
```
#48d5ad rgb(72,213,173)
```
#ad48d5
```
#ad48d5 rgb(173,72,213)
```

Triadic Color

#70d548
```
#70d548 rgb(112,213,72)
```
#48d5ad
```
#48d5ad rgb(72,213,173)
```
#ad48d5
```
#ad48d5 rgb(173,72,213)
```
#d54870
```
#d54870 rgb(213,72,112)
```

Tetradic Color

#27aa85
```
#27aa85 rgb(39,170,133)
```
#2cbe95
```
#2cbe95 rgb(44,190,149)
```
#33d0a4
```
#33d0a4 rgb(51,208,164)
```
#48d5ad
```
#48d5ad rgb(72,213,173)
```
#5ddab6
```
#5ddab6 rgb(93,218,182)
```
#71dfc0
```
#71dfc0 rgb(113,223,192)
```
#86e3c9
```
#86e3c9 rgb(134,227,201)
```

Monochromatic Color

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

#48d58a
```
#48d58a rgb(72,213,138)
```
#48d596
```
#48d596 rgb(72,213,150)
```
#48d5a1
```
#48d5a1 rgb(72,213,161)
```
#48d5ad
```
#48d5ad rgb(72,213,173)
```
#48d5b9
```
#48d5b9 rgb(72,213,185)
```
#48d5c5
```
#48d5c5 rgb(72,213,197)
```
#48d5d0
```
#48d5d0 rgb(72,213,208)
```

Similar Colors

Text with hexadecimal color #48d5ad

This text has a font color of #48d5ad.

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

#48d5ad background color

This paragraph has a background color of #48d5ad.

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

#48d5ad border color

This element has a border color of #48d5ad.

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

CSS codes

.text {color:#48d5ad;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#061813
```
#061813 rgb(6,24,19)
```
#092820
```
#092820 rgb(9,40,32)
```
#0d382c
```
#0d382c rgb(13,56,44)
```
#114838
```
#114838 rgb(17,72,56)
```
#145845
```
#145845 rgb(20,88,69)
```
#186851
```
#186851 rgb(24,104,81)
```
#1c785e
```
#1c785e rgb(28,120,94)
```
#1f886a
```
#1f886a rgb(31,136,106)
```
#239877
```
#239877 rgb(35,152,119)
```
#27a883
```
#27a883 rgb(39,168,131)
```
#2ab890
```
#2ab890 rgb(42,184,144)
```
#2ec89c
```
#2ec89c rgb(46,200,156)
```

Shade Color Variation

#38d1a6
```
#38d1a6 rgb(56,209,166)
```
#48d5ad
```
#48d5ad rgb(72,213,173)
```
#58d9b4
```
#58d9b4 rgb(88,217,180)
```
#68dcbb
```
#68dcbb rgb(104,220,187)
```
#78e0c2
```
#78e0c2 rgb(120,224,194)
```
#88e4ca
```
#88e4ca rgb(136,228,202)
```
#98e7d1
```
#98e7d1 rgb(152,231,209)
```
#a8ebd8
```
#a8ebd8 rgb(168,235,216)
```
#b8efdf
```
#b8efdf rgb(184,239,223)
```
#c8f2e6
```
#c8f2e6 rgb(200,242,230)
```
#d8f6ed
```
#d8f6ed rgb(216,246,237)
```
#e8faf4
```
#e8faf4 rgb(232,250,244)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#8d908f
```
#8d908f rgb(141,144,143)
```
#859893
```
#859893 rgb(133,152,147)
```
#7ca197
```
#7ca197 rgb(124,161,151)
```
#73aa9a
```
#73aa9a rgb(115,170,154)
```
#6bb29e
```
#6bb29e rgb(107,178,158)
```
#62bba2
```
#62bba2 rgb(98,187,162)
```
#59c4a6
```
#59c4a6 rgb(89,196,166)
```
#51cca9
```
#51cca9 rgb(81,204,169)
```
#48d5ad
```
#48d5ad rgb(72,213,173)
```
#3fdeb1
```
#3fdeb1 rgb(63,222,177)
```
#37e6b4
```
#37e6b4 rgb(55,230,180)
```
#2eefb8
```
#2eefb8 rgb(46,239,184)
```
#25f8bc
```
#25f8bc rgb(37,248,188)
```

Tone Color Variation

Below, you can see how #48d5ad 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
#93afa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc1a7 Protanopia 1% of men
#d6bcba Deuteranopia 1% of men
#69d0df Tritanopia 0.001% of the population

Trichromacy

#9bc8a9 Protanomaly 1% of men, 0.01% of women
#a2c5b5 Deuteranomaly 6% of men, 0.4% of women
#5dd2cd Tritanomaly 0.01% of the population

#48d5ad hex color

#48d5ad Color Information

#48d5ad Color Conversion

Color Schemes with #48d5ad

Alternatives to #48d5ad

#48d5ad Preview

Shades and Tints of #48d5ad

Tones of #48d5ad

Color Blindness Simulator