#48c979 hex color

In a RGB color space, hex #48c979 is composed of 28.2% red, 78.8% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 0% magenta, 39.8% yellow and 21.2% black. It has a hue angle of 142.8 degrees, a saturation of 54.4% and a lightness of 53.5%. #48c979 color hex could be obtained by blending #90fff2 with #009300. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 28
- G 79
- B 47
RGB color chart
- C 64
- M 0
- Y 40
- K 21
CMYK color chart

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

The hexadecimal color #48c979 has RGB values of R:72, G:201, B:121 and CMYK values of C:0.64, M:0, Y:0.4, K:0.21. Its decimal value is 4770169.

Hex triplet	48c979	`#48c979`
RGB Decimal	72, 201, 121	`rgb(72,201,121)`
RGB Percent	28.2, 78.8, 47.5	`rgb(28.2%,78.8%,47.5%)`
CMYK	64, 0, 40, 21
HSL	142.8°, 54.4, 53.5	`hsl(142.8,54.4%,53.5%)`
HSV (or HSB)	142.8°, 64.2, 78.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	72.581, -53.095, 29.835
XYZ	27.009, 44.529, 25.26
xyY	0.279, 0.46, 44.529
CIE-LCH	72.581, 60.903, 150.668
CIE-LUV	72.581, -54.412, 48.729
Hunter-Lab	66.73, -44.531, 24.268
Binary	01001000, 11001001, 01111001

#48c979
```
#48c979 rgb(72,201,121)
```
#c94898
```
#c94898 rgb(201,72,152)
```

Complementary Color

#58c948
```
#58c948 rgb(88,201,72)
```
#48c979
```
#48c979 rgb(72,201,121)
```
#48c9ba
```
#48c9ba rgb(72,201,186)
```

Analogous Color

#c94857
```
#c94857 rgb(201,72,87)
```
#48c979
```
#48c979 rgb(72,201,121)
```
#ba48c9
```
#ba48c9 rgb(186,72,201)
```

Split Complementary Color

#c97948
```
#c97948 rgb(201,121,72)
```
#48c979
```
#48c979 rgb(72,201,121)
```
#7948c9
```
#7948c9 rgb(121,72,201)
```

Triadic Color

#98c948
```
#98c948 rgb(152,201,72)
```
#48c979
```
#48c979 rgb(72,201,121)
```
#7948c9
```
#7948c9 rgb(121,72,201)
```
#c94898
```
#c94898 rgb(201,72,152)
```

Tetradic Color

#2d9855
```
#2d9855 rgb(45,152,85)
```
#33ab60
```
#33ab60 rgb(51,171,96)
```
#38bf6c
```
#38bf6c rgb(56,191,108)
```
#48c979
```
#48c979 rgb(72,201,121)
```
#5ccf87
```
#5ccf87 rgb(92,207,135)
```
#6fd596
```
#6fd596 rgb(111,213,150)
```
#83daa4
```
#83daa4 rgb(131,218,164)
```

Monochromatic Color

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

#48c959
```
#48c959 rgb(72,201,89)
```
#48c964
```
#48c964 rgb(72,201,100)
```
#48c96e
```
#48c96e rgb(72,201,110)
```
#48c979
```
#48c979 rgb(72,201,121)
```
#48c984
```
#48c984 rgb(72,201,132)
```
#48c98f
```
#48c98f rgb(72,201,143)
```
#48c999
```
#48c999 rgb(72,201,153)
```

Similar Colors

Text with hexadecimal color #48c979

This text has a font color of #48c979.

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

#48c979 background color

This paragraph has a background color of #48c979.

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

#48c979 border color

This element has a border color of #48c979.

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

CSS codes

.text {color:#48c979;}

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

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

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

#040e08
```
#040e08 rgb(4,14,8)
```
#091d10
```
#091d10 rgb(9,29,16)
```
#0d2c19
```
#0d2c19 rgb(13,44,25)
```
#123b21
```
#123b21 rgb(18,59,33)
```
#164a2a
```
#164a2a rgb(22,74,42)
```
#1a5a32
```
#1a5a32 rgb(26,90,50)
```
#1f693b
```
#1f693b rgb(31,105,59)
```
#237843
```
#237843 rgb(35,120,67)
```
#28874c
```
#28874c rgb(40,135,76)
```
#2c9655
```
#2c9655 rgb(44,150,85)
```
#31a55d
```
#31a55d rgb(49,165,93)
```
#35b566
```
#35b566 rgb(53,181,102)
```
#3ac46e
```
#3ac46e rgb(58,196,110)
```

Shade Color Variation

#48c979
```
#48c979 rgb(72,201,121)
```
#57cd84
```
#57cd84 rgb(87,205,132)
```
#66d28f
```
#66d28f rgb(102,210,143)
```
#75d69a
```
#75d69a rgb(117,214,154)
```
#85dba5
```
#85dba5 rgb(133,219,165)
```
#94dfb0
```
#94dfb0 rgb(148,223,176)
```
#a3e4bc
```
#a3e4bc rgb(163,228,188)
```
#b2e8c7
```
#b2e8c7 rgb(178,232,199)
```
#c1edd2
```
#c1edd2 rgb(193,237,210)
```
#d0f1dd
```
#d0f1dd rgb(208,241,221)
```
#dff6e8
```
#dff6e8 rgb(223,246,232)
```
#effaf3
```
#effaf3 rgb(239,250,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#888988
```
#888988 rgb(136,137,136)
```
#7f9286
```
#7f9286 rgb(127,146,134)
```
#769b84
```
#769b84 rgb(118,155,132)
```
#6ca582
```
#6ca582 rgb(108,165,130)
```
#63ae80
```
#63ae80 rgb(99,174,128)
```
#5ab77d
```
#5ab77d rgb(90,183,125)
```
#51c07b
```
#51c07b rgb(81,192,123)
```
#48c979
```
#48c979 rgb(72,201,121)
```
#3fd277
```
#3fd277 rgb(63,210,119)
```
#36db75
```
#36db75 rgb(54,219,117)
```
#2de472
```
#2de472 rgb(45,228,114)
```
#24ed70
```
#24ed70 rgb(36,237,112)
```
#1af76e
```
#1af76e rgb(26,247,110)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#89a393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b577 Protanopia 1% of men
#d5af89 Deuteranopia 1% of men
#70c2d0 Tritanopia 0.001% of the population

Trichromacy

#97bc78 Protanomaly 1% of men, 0.01% of women
#a2b883 Deuteranomaly 6% of men, 0.4% of women
#61c4b0 Tritanomaly 0.01% of the population

#48c979 hex color

#48c979 Color Information

#48c979 Color Conversion

Color Schemes with #48c979

Alternatives to #48c979

#48c979 Preview

Shades and Tints of #48c979

Tones of #48c979

Color Blindness Simulator