#48cc70 hex color

In a RGB color space, hex #48cc70 is composed of 28.2% red, 80% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 0% magenta, 45.1% yellow and 20% black. It has a hue angle of 138.2 degrees, a saturation of 56.4% and a lightness of 54.1%. #48cc70 color hex could be obtained by blending #90ffe0 with #009900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 28
- G 80
- B 44
RGB color chart
- C 65
- M 0
- Y 45
- K 20
CMYK color chart

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

The hexadecimal color #48cc70 has RGB values of R:72, G:204, B:112 and CMYK values of C:0.65, M:0, Y:0.45, K:0.2. Its decimal value is 4770928.

Hex triplet	48cc70	`#48cc70`
RGB Decimal	72, 204, 112	`rgb(72,204,112)`
RGB Percent	28.2, 80, 43.9	`rgb(28.2%,80%,43.9%)`
CMYK	65, 0, 45, 20
HSL	138.2°, 56.4, 54.1	`hsl(138.2,56.4%,54.1%)`
HSV (or HSB)	138.2°, 64.7, 80
Web Safe	33cc66	`#33cc66`

CIE-LAB	73.371, -55.772, 35.457
XYZ	27.188, 45.731, 22.722
xyY	0.284, 0.478, 45.731
CIE-LCH	73.371, 66.089, 147.554
CIE-LUV	73.371, -55.94, 55.738
Hunter-Lab	67.625, -46.578, 27.415
Binary	01001000, 11001100, 01110000

#48cc70
```
#48cc70 rgb(72,204,112)
```
#cc48a4
```
#cc48a4 rgb(204,72,164)
```

Complementary Color

#62cc48
```
#62cc48 rgb(98,204,72)
```
#48cc70
```
#48cc70 rgb(72,204,112)
```
#48ccb2
```
#48ccb2 rgb(72,204,178)
```

Analogous Color

#cc4862
```
#cc4862 rgb(204,72,98)
```
#48cc70
```
#48cc70 rgb(72,204,112)
```
#b248cc
```
#b248cc rgb(178,72,204)
```

Split Complementary Color

#cc7048
```
#cc7048 rgb(204,112,72)
```
#48cc70
```
#48cc70 rgb(72,204,112)
```
#7048cc
```
#7048cc rgb(112,72,204)
```

Triadic Color

#a4cc48
```
#a4cc48 rgb(164,204,72)
```
#48cc70
```
#48cc70 rgb(72,204,112)
```
#7048cc
```
#7048cc rgb(112,72,204)
```
#cc48a4
```
#cc48a4 rgb(204,72,164)
```

Tetradic Color

#2b9c4e
```
#2b9c4e rgb(43,156,78)
```
#31b058
```
#31b058 rgb(49,176,88)
```
#37c461
```
#37c461 rgb(55,196,97)
```
#48cc70
```
#48cc70 rgb(72,204,112)
```
#5cd280
```
#5cd280 rgb(92,210,128)
```
#70d78f
```
#70d78f rgb(112,215,143)
```
#84dd9f
```
#84dd9f rgb(132,221,159)
```

Monochromatic Color

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

#48cc4f
```
#48cc4f rgb(72,204,79)
```
#48cc5a
```
#48cc5a rgb(72,204,90)
```
#48cc65
```
#48cc65 rgb(72,204,101)
```
#48cc70
```
#48cc70 rgb(72,204,112)
```
#48cc7b
```
#48cc7b rgb(72,204,123)
```
#48cc86
```
#48cc86 rgb(72,204,134)
```
#48cc91
```
#48cc91 rgb(72,204,145)
```

Similar Colors

Text with hexadecimal color #48cc70

This text has a font color of #48cc70.

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

#48cc70 background color

This paragraph has a background color of #48cc70.

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

#48cc70 border color

This element has a border color of #48cc70.

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

CSS codes

.text {color:#48cc70;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#051008
```
#051008 rgb(5,16,8)
```
#092010
```
#092010 rgb(9,32,16)
```
#0d2f17
```
#0d2f17 rgb(13,47,23)
```
#113e1f
```
#113e1f rgb(17,62,31)
```
#164e27
```
#164e27 rgb(22,78,39)
```
#1a5d2e
```
#1a5d2e rgb(26,93,46)
```
#1e6c36
```
#1e6c36 rgb(30,108,54)
```
#237c3e
```
#237c3e rgb(35,124,62)
```
#278b45
```
#278b45 rgb(39,139,69)
```
#2b9a4d
```
#2b9a4d rgb(43,154,77)
```
#2faa54
```
#2faa54 rgb(47,170,84)
```
#34b95c
```
#34b95c rgb(52,185,92)
```

Shade Color Variation

#39c864
```
#39c864 rgb(57,200,100)
```
#48cc70
```
#48cc70 rgb(72,204,112)
```
#57d07c
```
#57d07c rgb(87,208,124)
```
#67d588
```
#67d588 rgb(103,213,136)
```
#76d994
```
#76d994 rgb(118,217,148)
```
#85dda0
```
#85dda0 rgb(133,221,160)
```
#95e1ac
```
#95e1ac rgb(149,225,172)
```
#a4e6b8
```
#a4e6b8 rgb(164,230,184)
```
#b3eac4
```
#b3eac4 rgb(179,234,196)
```
#c3eed0
```
#c3eed0 rgb(195,238,208)
```
#d2f2dc
```
#d2f2dc rgb(210,242,220)
```
#e1f7e8
```
#e1f7e8 rgb(225,247,232)
```
#f1fbf4
```
#f1fbf4 rgb(241,251,244)
```

Tint Color Variation

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

#878d89
```
#878d89 rgb(135,141,137)
```
#7e9685
```
#7e9685 rgb(126,150,133)
```
#759f82
```
#759f82 rgb(117,159,130)
```
#6ca87e
```
#6ca87e rgb(108,168,126)
```
#63b17b
```
#63b17b rgb(99,177,123)
```
#5aba77
```
#5aba77 rgb(90,186,119)
```
#51c374
```
#51c374 rgb(81,195,116)
```
#48cc70
```
#48cc70 rgb(72,204,112)
```
#3fd56c
```
#3fd56c rgb(63,213,108)
```
#36de69
```
#36de69 rgb(54,222,105)
```
#2de765
```
#2de765 rgb(45,231,101)
```
#24f062
```
#24f062 rgb(36,240,98)
```
#1bf95e
```
#1bf95e rgb(27,249,94)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8aa492 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b86f Protanopia 1% of men
#dab081 Deuteranopia 1% of men
#72c4d2 Tritanopia 0.001% of the population

Trichromacy

#9abf6f Protanomaly 1% of men, 0.01% of women
#a5ba7b Deuteranomaly 6% of men, 0.4% of women
#63c6ae Tritanomaly 0.01% of the population

#48cc70 hex color

#48cc70 Color Information

#48cc70 Color Conversion

Color Schemes with #48cc70

Alternatives to #48cc70

#48cc70 Preview

Shades and Tints of #48cc70

Tones of #48cc70

Color Blindness Simulator