#48d49a hex color

In a RGB color space, hex #48d49a is composed of 28.2% red, 83.1% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 0% magenta, 27.4% yellow and 16.9% black. It has a hue angle of 155.1 degrees, a saturation of 61.9% and a lightness of 55.7%. #48d49a color hex could be obtained by blending #90ffff with #00a935. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 83
- B 60
RGB color chart
- C 66
- M 0
- Y 27
- K 17
CMYK color chart

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

The hexadecimal color #48d49a has RGB values of R:72, G:212, B:154 and CMYK values of C:0.66, M:0, Y:0.27, K:0.17. Its decimal value is 4773018.

Hex triplet	48d49a	`#48d49a`
RGB Decimal	72, 212, 154	`rgb(72,212,154)`
RGB Percent	28.2, 83.1, 60.4	`rgb(28.2%,83.1%,60.4%)`
CMYK	66, 0, 27, 17
HSL	155.1°, 61.9, 55.7	`hsl(155.1,61.9%,55.7%)`
HSV (or HSB)	155.1°, 66, 83.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.555, -50.939, 17.924
XYZ	32.046, 50.795, 38.686
xyY	0.264, 0.418, 50.795
CIE-LCH	76.555, 54, 160.615
CIE-LUV	76.555, -56.708, 33.853
Hunter-Lab	71.271, -44.462, 17.707
Binary	01001000, 11010100, 10011010

#48d49a
```
#48d49a rgb(72,212,154)
```
#d44882
```
#d44882 rgb(212,72,130)
```

Complementary Color

#48d454
```
#48d454 rgb(72,212,84)
```
#48d49a
```
#48d49a rgb(72,212,154)
```
#48c8d4
```
#48c8d4 rgb(72,200,212)
```

Analogous Color

#d45448
```
#d45448 rgb(212,84,72)
```
#48d49a
```
#48d49a rgb(72,212,154)
```
#d448c8
```
#d448c8 rgb(212,72,200)
```

Split Complementary Color

#d49a48
```
#d49a48 rgb(212,154,72)
```
#48d49a
```
#48d49a rgb(72,212,154)
```
#9a48d4
```
#9a48d4 rgb(154,72,212)
```

Triadic Color

#82d448
```
#82d448 rgb(130,212,72)
```
#48d49a
```
#48d49a rgb(72,212,154)
```
#9a48d4
```
#9a48d4 rgb(154,72,212)
```
#d44882
```
#d44882 rgb(212,72,130)
```

Tetradic Color

#27a873
```
#27a873 rgb(39,168,115)
```
#2cbd81
```
#2cbd81 rgb(44,189,129)
```
#33cf8f
```
#33cf8f rgb(51,207,143)
```
#48d49a
```
#48d49a rgb(72,212,154)
```
#5dd9a5
```
#5dd9a5 rgb(93,217,165)
```
#71deb1
```
#71deb1 rgb(113,222,177)
```
#86e3bc
```
#86e3bc rgb(134,227,188)
```

Monochromatic Color

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

#48d477
```
#48d477 rgb(72,212,119)
```
#48d483
```
#48d483 rgb(72,212,131)
```
#48d48e
```
#48d48e rgb(72,212,142)
```
#48d49a
```
#48d49a rgb(72,212,154)
```
#48d4a6
```
#48d4a6 rgb(72,212,166)
```
#48d4b1
```
#48d4b1 rgb(72,212,177)
```
#48d4bd
```
#48d4bd rgb(72,212,189)
```

Similar Colors

Text with hexadecimal color #48d49a

This text has a font color of #48d49a.

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

#48d49a background color

This paragraph has a background color of #48d49a.

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

#48d49a border color

This element has a border color of #48d49a.

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

CSS codes

.text {color:#48d49a;}

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

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

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

#020805
```
#020805 rgb(2,8,5)
```
#061710
```
#061710 rgb(6,23,16)
```
#09271b
```
#09271b rgb(9,39,27)
```
#0d3726
```
#0d3726 rgb(13,55,38)
```
#114731
```
#114731 rgb(17,71,49)
```
#14573b
```
#14573b rgb(20,87,59)
```
#186746
```
#186746 rgb(24,103,70)
```
#1c7751
```
#1c7751 rgb(28,119,81)
```
#20875c
```
#20875c rgb(32,135,92)
```
#239767
```
#239767 rgb(35,151,103)
```
#27a672
```
#27a672 rgb(39,166,114)
```
#2bb67d
```
#2bb67d rgb(43,182,125)
```
#2fc687
```
#2fc687 rgb(47,198,135)
```

Shade Color Variation

#38d091
```
#38d091 rgb(56,208,145)
```
#48d49a
```
#48d49a rgb(72,212,154)
```
#58d8a3
```
#58d8a3 rgb(88,216,163)
```
#68dbac
```
#68dbac rgb(104,219,172)
```
#78dfb4
```
#78dfb4 rgb(120,223,180)
```
#88e3bd
```
#88e3bd rgb(136,227,189)
```
#97e7c6
```
#97e7c6 rgb(151,231,198)
```
#a7eacf
```
#a7eacf rgb(167,234,207)
```
#b7eed7
```
#b7eed7 rgb(183,238,215)
```
#c7f2e0
```
#c7f2e0 rgb(199,242,224)
```
#d7f6e9
```
#d7f6e9 rgb(215,246,233)
```
#e7f9f2
```
#e7f9f2 rgb(231,249,242)
```
#f7fdfa
```
#f7fdfa rgb(247,253,250)
```

Tint Color Variation

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

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#859790
```
#859790 rgb(133,151,144)
```
#7ca091
```
#7ca091 rgb(124,160,145)
```
#73a993
```
#73a993 rgb(115,169,147)
```
#6bb194
```
#6bb194 rgb(107,177,148)
```
#62ba96
```
#62ba96 rgb(98,186,150)
```
#59c397
```
#59c397 rgb(89,195,151)
```
#51cb99
```
#51cb99 rgb(81,203,153)
```
#48d49a
```
#48d49a rgb(72,212,154)
```
#3fdd9b
```
#3fdd9b rgb(63,221,155)
```
#37e59d
```
#37e59d rgb(55,229,157)
```
#2eee9e
```
#2eee9e rgb(46,238,158)
```
#25f7a0
```
#25f7a0 rgb(37,247,160)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#92aea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbf95 Protanopia 1% of men
#dab9a9 Deuteranopia 1% of men
#6dcddd Tritanopia 0.001% of the population

Trichromacy

#9cc797 Protanomaly 1% of men, 0.01% of women
#a5c3a3 Deuteranomaly 6% of men, 0.4% of women
#60d0c4 Tritanomaly 0.01% of the population

#48d49a hex color

#48d49a Color Information

#48d49a Color Conversion

Color Schemes with #48d49a

Alternatives to #48d49a

#48d49a Preview

Shades and Tints of #48d49a

Tones of #48d49a

Color Blindness Simulator