#48c676 hex color

In a RGB color space, hex #48c676 is composed of 28.2% red, 77.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 40.4% yellow and 22.4% black. It has a hue angle of 141.9 degrees, a saturation of 52.5% and a lightness of 52.9%. #48c676 color hex could be obtained by blending #90ffec with #008d00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 28
- G 78
- B 46
RGB color chart
- C 64
- M 0
- Y 40
- K 22
CMYK color chart

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

The hexadecimal color #48c676 has RGB values of R:72, G:198, B:118 and CMYK values of C:0.64, M:0, Y:0.4, K:0.22. Its decimal value is 4769398.

Hex triplet	48c676	`#48c676`
RGB Decimal	72, 198, 118	`rgb(72,198,118)`
RGB Percent	28.2, 77.6, 46.3	`rgb(28.2%,77.6%,46.3%)`
CMYK	64, 0, 40, 22
HSL	141.9°, 52.5, 52.9	`hsl(141.9,52.5%,52.9%)`
HSV (or HSB)	141.9°, 63.6, 77.6
Web Safe	33cc66	`#33cc66`

CIE-LAB	71.604, -52.466, 30.102
XYZ	26.135, 43.072, 24.075
xyY	0.28, 0.462, 43.072
CIE-LCH	71.604, 60.488, 150.155
CIE-LUV	71.604, -53.441, 48.765
Hunter-Lab	65.629, -43.768, 24.191
Binary	01001000, 11000110, 01110110

#48c676
```
#48c676 rgb(72,198,118)
```
#c64898
```
#c64898 rgb(198,72,152)
```

Complementary Color

#59c648
```
#59c648 rgb(89,198,72)
```
#48c676
```
#48c676 rgb(72,198,118)
```
#48c6b5
```
#48c6b5 rgb(72,198,181)
```

Analogous Color

#c64859
```
#c64859 rgb(198,72,89)
```
#48c676
```
#48c676 rgb(72,198,118)
```
#b548c6
```
#b548c6 rgb(181,72,198)
```

Split Complementary Color

#c67648
```
#c67648 rgb(198,118,72)
```
#48c676
```
#48c676 rgb(72,198,118)
```
#7648c6
```
#7648c6 rgb(118,72,198)
```

Triadic Color

#98c648
```
#98c648 rgb(152,198,72)
```
#48c676
```
#48c676 rgb(72,198,118)
```
#7648c6
```
#7648c6 rgb(118,72,198)
```
#c64898
```
#c64898 rgb(198,72,152)
```

Tetradic Color

#2e9453
```
#2e9453 rgb(46,148,83)
```
#34a75e
```
#34a75e rgb(52,167,94)
```
#3aba69
```
#3aba69 rgb(58,186,105)
```
#48c676
```
#48c676 rgb(72,198,118)
```
#5bcc85
```
#5bcc85 rgb(91,204,133)
```
#6fd293
```
#6fd293 rgb(111,210,147)
```
#82d8a2
```
#82d8a2 rgb(130,216,162)
```

Monochromatic Color

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

#48c657
```
#48c657 rgb(72,198,87)
```
#48c661
```
#48c661 rgb(72,198,97)
```
#48c66c
```
#48c66c rgb(72,198,108)
```
#48c676
```
#48c676 rgb(72,198,118)
```
#48c681
```
#48c681 rgb(72,198,129)
```
#48c68b
```
#48c68b rgb(72,198,139)
```
#48c696
```
#48c696 rgb(72,198,150)
```

Similar Colors

Text with hexadecimal color #48c676

This text has a font color of #48c676.

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

#48c676 background color

This paragraph has a background color of #48c676.

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

#48c676 border color

This element has a border color of #48c676.

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

CSS codes

.text {color:#48c676;}

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

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

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, #040b06 is the darkest color, while #fbfefc is the lightest one.

#040b06
```
#040b06 rgb(4,11,6)
```
#081a0f
```
#081a0f rgb(8,26,15)
```
#0d2917
```
#0d2917 rgb(13,41,23)
```
#123820
```
#123820 rgb(18,56,32)
```
#164728
```
#164728 rgb(22,71,40)
```
#1b5631
```
#1b5631 rgb(27,86,49)
```
#206539
```
#206539 rgb(32,101,57)
```
#247441
```
#247441 rgb(36,116,65)
```
#29834a
```
#29834a rgb(41,131,74)
```
#2d9252
```
#2d9252 rgb(45,146,82)
```
#32a15b
```
#32a15b rgb(50,161,91)
```
#37b063
```
#37b063 rgb(55,176,99)
```
#3bbf6b
```
#3bbf6b rgb(59,191,107)
```

Shade Color Variation

#48c676
```
#48c676 rgb(72,198,118)
```
#57cb81
```
#57cb81 rgb(87,203,129)
```
#66cf8c
```
#66cf8c rgb(102,207,140)
```
#75d498
```
#75d498 rgb(117,212,152)
```
#84d9a3
```
#84d9a3 rgb(132,217,163)
```
#93ddae
```
#93ddae rgb(147,221,174)
```
#a2e2b9
```
#a2e2b9 rgb(162,226,185)
```
#b1e7c4
```
#b1e7c4 rgb(177,231,196)
```
#c0ebd0
```
#c0ebd0 rgb(192,235,208)
```
#cff0db
```
#cff0db rgb(207,240,219)
```
#def5e6
```
#def5e6 rgb(222,245,230)
```
#edf9f1
```
#edf9f1 rgb(237,249,241)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8f85 is the less saturated color, while #11fd67 is the most saturated one.

#7f8f85
```
#7f8f85 rgb(127,143,133)
```
#769882
```
#769882 rgb(118,152,130)
```
#6da180
```
#6da180 rgb(109,161,128)
```
#64aa7d
```
#64aa7d rgb(100,170,125)
```
#5ab47b
```
#5ab47b rgb(90,180,123)
```
#51bd78
```
#51bd78 rgb(81,189,120)
```
#48c676
```
#48c676 rgb(72,198,118)
```
#3fcf74
```
#3fcf74 rgb(63,207,116)
```
#36d871
```
#36d871 rgb(54,216,113)
```
#2ce26f
```
#2ce26f rgb(44,226,111)
```
#23eb6c
```
#23eb6c rgb(35,235,108)
```
#1af46a
```
#1af46a rgb(26,244,106)
```
#11fd67
```
#11fd67 rgb(17,253,103)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#87a090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b375 Protanopia 1% of men
#d2ac86 Deuteranopia 1% of men
#6fbfcd Tritanopia 0.001% of the population

Trichromacy

#96ba75 Protanomaly 1% of men, 0.01% of women
#a0b580 Deuteranomaly 6% of men, 0.4% of women
#61c1ad Tritanomaly 0.01% of the population

#48c676 hex color

#48c676 Color Information

#48c676 Color Conversion

Color Schemes with #48c676

Alternatives to #48c676

#48c676 Preview

Shades and Tints of #48c676

Tones of #48c676

Color Blindness Simulator