#48d2a1 hex color

In a RGB color space, hex #48d2a1 is composed of 28.2% red, 82.4% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 23.3% yellow and 17.6% black. It has a hue angle of 158.7 degrees, a saturation of 60.5% and a lightness of 55.3%. #48d2a1 color hex could be obtained by blending #90ffff with #00a543. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 82
- B 63
RGB color chart
- C 66
- M 0
- Y 23
- K 18
CMYK color chart

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

The hexadecimal color #48d2a1 has RGB values of R:72, G:210, B:161 and CMYK values of C:0.66, M:0, Y:0.23, K:0.18. Its decimal value is 4772513.

Hex triplet	48d2a1	`#48d2a1`
RGB Decimal	72, 210, 161	`rgb(72,210,161)`
RGB Percent	28.2, 82.4, 63.1	`rgb(28.2%,82.4%,63.1%)`
CMYK	66, 0, 23, 18
HSL	158.7°, 60.5, 55.3	`hsl(158.7,60.5%,55.3%)`
HSV (or HSB)	158.7°, 65.7, 82.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.095, -48.583, 13.565
XYZ	32.15, 50.041, 41.681
xyY	0.26, 0.404, 50.041
CIE-LCH	76.095, 50.441, 164.399
CIE-LUV	76.095, -55.577, 27.471
Hunter-Lab	70.74, -42.671, 14.583
Binary	01001000, 11010010, 10100001

#48d2a1
```
#48d2a1 rgb(72,210,161)
```
#d24879
```
#d24879 rgb(210,72,121)
```

Complementary Color

#48d25c
```
#48d25c rgb(72,210,92)
```
#48d2a1
```
#48d2a1 rgb(72,210,161)
```
#48bed2
```
#48bed2 rgb(72,190,210)
```

Analogous Color

#d25c48
```
#d25c48 rgb(210,92,72)
```
#48d2a1
```
#48d2a1 rgb(72,210,161)
```
#d248be
```
#d248be rgb(210,72,190)
```

Split Complementary Color

#d2a148
```
#d2a148 rgb(210,161,72)
```
#48d2a1
```
#48d2a1 rgb(72,210,161)
```
#a148d2
```
#a148d2 rgb(161,72,210)
```

Triadic Color

#79d248
```
#79d248 rgb(121,210,72)
```
#48d2a1
```
#48d2a1 rgb(72,210,161)
```
#a148d2
```
#a148d2 rgb(161,72,210)
```
#d24879
```
#d24879 rgb(210,72,121)
```

Tetradic Color

#29a579
```
#29a579 rgb(41,165,121)
```
#2eb988
```
#2eb988 rgb(46,185,136)
```
#34cd96
```
#34cd96 rgb(52,205,150)
```
#48d2a1
```
#48d2a1 rgb(72,210,161)
```
#5cd7ac
```
#5cd7ac rgb(92,215,172)
```
#71dcb6
```
#71dcb6 rgb(113,220,182)
```
#85e1c1
```
#85e1c1 rgb(133,225,193)
```

Monochromatic Color

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

#48d27f
```
#48d27f rgb(72,210,127)
```
#48d28a
```
#48d28a rgb(72,210,138)
```
#48d296
```
#48d296 rgb(72,210,150)
```
#48d2a1
```
#48d2a1 rgb(72,210,161)
```
#48d2ad
```
#48d2ad rgb(72,210,173)
```
#48d2b8
```
#48d2b8 rgb(72,210,184)
```
#48d2c4
```
#48d2c4 rgb(72,210,196)
```

Similar Colors

Text with hexadecimal color #48d2a1

This text has a font color of #48d2a1.

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

#48d2a1 background color

This paragraph has a background color of #48d2a1.

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

#48d2a1 border color

This element has a border color of #48d2a1.

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

CSS codes

.text {color:#48d2a1;}

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

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

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

#010604
```
#010604 rgb(1,6,4)
```
#051610
```
#051610 rgb(5,22,16)
```
#09251b
```
#09251b rgb(9,37,27)
```
#0d3527
```
#0d3527 rgb(13,53,39)
```
#114532
```
#114532 rgb(17,69,50)
```
#15553e
```
#15553e rgb(21,85,62)
```
#19644a
```
#19644a rgb(25,100,74)
```
#1d7455
```
#1d7455 rgb(29,116,85)
```
#208461
```
#208461 rgb(32,132,97)
```
#24946c
```
#24946c rgb(36,148,108)
```
#28a378
```
#28a378 rgb(40,163,120)
```
#2cb383
```
#2cb383 rgb(44,179,131)
```
#30c38f
```
#30c38f rgb(48,195,143)
```

Shade Color Variation

#38ce99
```
#38ce99 rgb(56,206,153)
```
#48d2a1
```
#48d2a1 rgb(72,210,161)
```
#58d6a9
```
#58d6a9 rgb(88,214,169)
```
#67dab1
```
#67dab1 rgb(103,218,177)
```
#77deb9
```
#77deb9 rgb(119,222,185)
```
#87e1c1
```
#87e1c1 rgb(135,225,193)
```
#97e5c9
```
#97e5c9 rgb(151,229,201)
```
#a6e9d2
```
#a6e9d2 rgb(166,233,210)
```
#b6edda
```
#b6edda rgb(182,237,218)
```
#c6f1e2
```
#c6f1e2 rgb(198,241,226)
```
#d6f5ea
```
#d6f5ea rgb(214,245,234)
```
#e5f9f2
```
#e5f9f2 rgb(229,249,242)
```
#f5fdfa
```
#f5fdfa rgb(245,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85958f is the less saturated color, while #1cfeae is the most saturated one.

#85958f
```
#85958f rgb(133,149,143)
```
#7d9d92
```
#7d9d92 rgb(125,157,146)
```
#74a694
```
#74a694 rgb(116,166,148)
```
#6baf97
```
#6baf97 rgb(107,175,151)
```
#62b899
```
#62b899 rgb(98,184,153)
```
#5ac09c
```
#5ac09c rgb(90,192,156)
```
#51c99e
```
#51c99e rgb(81,201,158)
```
#48d2a1
```
#48d2a1 rgb(72,210,161)
```
#3fdba4
```
#3fdba4 rgb(63,219,164)
```
#36e4a6
```
#36e4a6 rgb(54,228,166)
```
#2eeca9
```
#2eeca9 rgb(46,236,169)
```
#25f5ab
```
#25f5ab rgb(37,245,171)
```
#1cfeae
```
#1cfeae rgb(28,254,174)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#91aca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabe9c Protanopia 1% of men
#d6b8af Deuteranopia 1% of men
#6bccdb Tritanopia 0.001% of the population

Trichromacy

#9ac59d Protanomaly 1% of men, 0.01% of women
#a2c1aa Deuteranomaly 6% of men, 0.4% of women
#5ecec6 Tritanomaly 0.01% of the population

#48d2a1 hex color

#48d2a1 Color Information

#48d2a1 Color Conversion

Color Schemes with #48d2a1

Alternatives to #48d2a1

#48d2a1 Preview

Shades and Tints of #48d2a1

Tones of #48d2a1

Color Blindness Simulator