#48d478 hex color

In a RGB color space, hex #48d478 is composed of 28.2% red, 83.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 0% magenta, 43.4% yellow and 16.9% black. It has a hue angle of 140.6 degrees, a saturation of 61.9% and a lightness of 55.7%. #48d478 color hex could be obtained by blending #90fff0 with #00a900. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #48d478 has RGB values of R:72, G:212, B:120 and CMYK values of C:0.66, M:0, Y:0.43, K:0.17. Its decimal value is 4772984.

Hex triplet	48d478	`#48d478`
RGB Decimal	72, 212, 120	`rgb(72,212,120)`
RGB Percent	28.2, 83.1, 47.1	`rgb(28.2%,83.1%,47.1%)`
CMYK	66, 0, 43, 17
HSL	140.6°, 61.9, 55.7	`hsl(140.6,61.9%,55.7%)`
HSV (or HSB)	140.6°, 66, 83.1
Web Safe	33cc66	`#33cc66`

CIE-LAB	75.957, -57.44, 34.748
XYZ	29.604, 49.818, 25.824
xyY	0.281, 0.473, 49.818
CIE-LCH	75.957, 67.132, 148.828
CIE-LUV	75.957, -58.491, 55.756
Hunter-Lab	70.582, -48.65, 27.715
Binary	01001000, 11010100, 01111000

#48d478
```
#48d478 rgb(72,212,120)
```
#d448a4
```
#d448a4 rgb(212,72,164)
```

Complementary Color

#5ed448
```
#5ed448 rgb(94,212,72)
```
#48d478
```
#48d478 rgb(72,212,120)
```
#48d4be
```
#48d4be rgb(72,212,190)
```

Analogous Color

#d4485e
```
#d4485e rgb(212,72,94)
```
#48d478
```
#48d478 rgb(72,212,120)
```
#be48d4
```
#be48d4 rgb(190,72,212)
```

Split Complementary Color

#d47848
```
#d47848 rgb(212,120,72)
```
#48d478
```
#48d478 rgb(72,212,120)
```
#7848d4
```
#7848d4 rgb(120,72,212)
```

Triadic Color

#a4d448
```
#a4d448 rgb(164,212,72)
```
#48d478
```
#48d478 rgb(72,212,120)
```
#7848d4
```
#7848d4 rgb(120,72,212)
```
#d448a4
```
#d448a4 rgb(212,72,164)
```

Tetradic Color

#27a854
```
#27a854 rgb(39,168,84)
```
#2cbd5e
```
#2cbd5e rgb(44,189,94)
```
#33cf69
```
#33cf69 rgb(51,207,105)
```
#48d478
```
#48d478 rgb(72,212,120)
```
#5dd987
```
#5dd987 rgb(93,217,135)
```
#71de96
```
#71de96 rgb(113,222,150)
```
#86e3a6
```
#86e3a6 rgb(134,227,166)
```

Monochromatic Color

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

#48d455
```
#48d455 rgb(72,212,85)
```
#48d461
```
#48d461 rgb(72,212,97)
```
#48d46c
```
#48d46c rgb(72,212,108)
```
#48d478
```
#48d478 rgb(72,212,120)
```
#48d484
```
#48d484 rgb(72,212,132)
```
#48d48f
```
#48d48f rgb(72,212,143)
```
#48d49b
```
#48d49b rgb(72,212,155)
```

Similar Colors

Text with hexadecimal color #48d478

This text has a font color of #48d478.

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

#48d478 background color

This paragraph has a background color of #48d478.

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

#48d478 border color

This element has a border color of #48d478.

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

CSS codes

.text {color:#48d478;}

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

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

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

#020804
```
#020804 rgb(2,8,4)
```
#06170c
```
#06170c rgb(6,23,12)
```
#092714
```
#092714 rgb(9,39,20)
```
#0d371b
```
#0d371b rgb(13,55,27)
```
#114723
```
#114723 rgb(17,71,35)
```
#14572b
```
#14572b rgb(20,87,43)
```
#186733
```
#186733 rgb(24,103,51)
```
#1c773b
```
#1c773b rgb(28,119,59)
```
#208743
```
#208743 rgb(32,135,67)
```
#23974b
```
#23974b rgb(35,151,75)
```
#27a653
```
#27a653 rgb(39,166,83)
```
#2bb65b
```
#2bb65b rgb(43,182,91)
```
#2fc663
```
#2fc663 rgb(47,198,99)
```

Shade Color Variation

#38d06c
```
#38d06c rgb(56,208,108)
```
#48d478
```
#48d478 rgb(72,212,120)
```
#58d884
```
#58d884 rgb(88,216,132)
```
#68db8f
```
#68db8f rgb(104,219,143)
```
#78df9b
```
#78df9b rgb(120,223,155)
```
#88e3a7
```
#88e3a7 rgb(136,227,167)
```
#97e7b3
```
#97e7b3 rgb(151,231,179)
```
#a7eabe
```
#a7eabe rgb(167,234,190)
```
#b7eeca
```
#b7eeca rgb(183,238,202)
```
#c7f2d6
```
#c7f2d6 rgb(199,242,214)
```
#d7f6e1
```
#d7f6e1 rgb(215,246,225)
```
#e7f9ed
```
#e7f9ed rgb(231,249,237)
```
#f7fdf9
```
#f7fdf9 rgb(247,253,249)
```

Tint Color Variation

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

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#85978b
```
#85978b rgb(133,151,139)
```
#7ca088
```
#7ca088 rgb(124,160,136)
```
#73a986
```
#73a986 rgb(115,169,134)
```
#6bb183
```
#6bb183 rgb(107,177,131)
```
#62ba80
```
#62ba80 rgb(98,186,128)
```
#59c37d
```
#59c37d rgb(89,195,125)
```
#51cb7b
```
#51cb7b rgb(81,203,123)
```
#48d478
```
#48d478 rgb(72,212,120)
```
#3fdd75
```
#3fdd75 rgb(63,221,117)
```
#37e573
```
#37e573 rgb(55,229,115)
```
#2eee70
```
#2eee70 rgb(46,238,112)
```
#25f76d
```
#25f76d rgb(37,247,109)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8eaa98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbe76 Protanopia 1% of men
#e1b789 Deuteranopia 1% of men
#74cbda Tritanopia 0.001% of the population

Trichromacy

#9ec677 Protanomaly 1% of men, 0.01% of women
#a9c183 Deuteranomaly 6% of men, 0.4% of women
#64ceb6 Tritanomaly 0.01% of the population

#48d478 hex color

#48d478 Color Information

#48d478 Color Conversion

Color Schemes with #48d478

Alternatives to #48d478

#48d478 Preview

Shades and Tints of #48d478

Tones of #48d478

Color Blindness Simulator