#48cc6f hex color

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

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

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

The hexadecimal color #48cc6f has RGB values of R:72, G:204, B:111 and CMYK values of C:0.65, M:0, Y:0.46, K:0.2. Its decimal value is 4770927.

Hex triplet	48cc6f	`#48cc6f`
RGB Decimal	72, 204, 111	`rgb(72,204,111)`
RGB Percent	28.2, 80, 43.5	`rgb(28.2%,80%,43.5%)`
CMYK	65, 0, 46, 20
HSL	137.7°, 56.4, 54.1	`hsl(137.7,56.4%,54.1%)`
HSV (or HSB)	137.7°, 64.7, 80
Web Safe	33cc66	`#33cc66`

CIE-LAB	73.356, -55.933, 35.942
XYZ	27.133, 45.709, 22.431
xyY	0.285, 0.48, 45.709
CIE-LCH	73.356, 66.486, 147.276
CIE-LUV	73.356, -55.985, 56.297
Hunter-Lab	67.608, -46.678, 27.655
Binary	01001000, 11001100, 01101111

#48cc6f
```
#48cc6f rgb(72,204,111)
```
#cc48a5
```
#cc48a5 rgb(204,72,165)
```

Complementary Color

#63cc48
```
#63cc48 rgb(99,204,72)
```
#48cc6f
```
#48cc6f rgb(72,204,111)
```
#48ccb1
```
#48ccb1 rgb(72,204,177)
```

Analogous Color

#cc4863
```
#cc4863 rgb(204,72,99)
```
#48cc6f
```
#48cc6f rgb(72,204,111)
```
#b148cc
```
#b148cc rgb(177,72,204)
```

Split Complementary Color

#cc6f48
```
#cc6f48 rgb(204,111,72)
```
#48cc6f
```
#48cc6f rgb(72,204,111)
```
#6f48cc
```
#6f48cc rgb(111,72,204)
```

Triadic Color

#a5cc48
```
#a5cc48 rgb(165,204,72)
```
#48cc6f
```
#48cc6f rgb(72,204,111)
```
#6f48cc
```
#6f48cc rgb(111,72,204)
```
#cc48a5
```
#cc48a5 rgb(204,72,165)
```

Tetradic Color

#2b9c4d
```
#2b9c4d rgb(43,156,77)
```
#31b057
```
#31b057 rgb(49,176,87)
```
#37c460
```
#37c460 rgb(55,196,96)
```
#48cc6f
```
#48cc6f rgb(72,204,111)
```
#5cd27f
```
#5cd27f rgb(92,210,127)
```
#70d78e
```
#70d78e rgb(112,215,142)
```
#84dd9e
```
#84dd9e rgb(132,221,158)
```

Monochromatic Color

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

#48cc4e
```
#48cc4e rgb(72,204,78)
```
#48cc59
```
#48cc59 rgb(72,204,89)
```
#48cc64
```
#48cc64 rgb(72,204,100)
```
#48cc6f
```
#48cc6f rgb(72,204,111)
```
#48cc7a
```
#48cc7a rgb(72,204,122)
```
#48cc85
```
#48cc85 rgb(72,204,133)
```
#48cc90
```
#48cc90 rgb(72,204,144)
```

Similar Colors

Text with hexadecimal color #48cc6f

This text has a font color of #48cc6f.

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

#48cc6f background color

This paragraph has a background color of #48cc6f.

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

#48cc6f border color

This element has a border color of #48cc6f.

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

CSS codes

.text {color:#48cc6f;}

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

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

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)
```
#164e26
```
#164e26 rgb(22,78,38)
```
#1a5d2e
```
#1a5d2e rgb(26,93,46)
```
#1e6c35
```
#1e6c35 rgb(30,108,53)
```
#237c3d
```
#237c3d rgb(35,124,61)
```
#278b44
```
#278b44 rgb(39,139,68)
```
#2b9a4c
```
#2b9a4c rgb(43,154,76)
```
#2faa54
```
#2faa54 rgb(47,170,84)
```
#34b95b
```
#34b95b rgb(52,185,91)
```

Shade Color Variation

#39c863
```
#39c863 rgb(57,200,99)
```
#48cc6f
```
#48cc6f rgb(72,204,111)
```
#57d07b
```
#57d07b rgb(87,208,123)
```
#67d587
```
#67d587 rgb(103,213,135)
```
#76d993
```
#76d993 rgb(118,217,147)
```
#85dd9f
```
#85dd9f rgb(133,221,159)
```
#95e1ab
```
#95e1ab rgb(149,225,171)
```
#a4e6b7
```
#a4e6b7 rgb(164,230,183)
```
#b3eac3
```
#b3eac3 rgb(179,234,195)
```
#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 #1bf95d is the most saturated one.

#878d89
```
#878d89 rgb(135,141,137)
```
#7e9685
```
#7e9685 rgb(126,150,133)
```
#759f81
```
#759f81 rgb(117,159,129)
```
#6ca87e
```
#6ca87e rgb(108,168,126)
```
#63b17a
```
#63b17a rgb(99,177,122)
```
#5aba76
```
#5aba76 rgb(90,186,118)
```
#51c373
```
#51c373 rgb(81,195,115)
```
#48cc6f
```
#48cc6f rgb(72,204,111)
```
#3fd56b
```
#3fd56b rgb(63,213,107)
```
#36de68
```
#36de68 rgb(54,222,104)
```
#2de764
```
#2de764 rgb(45,231,100)
```
#24f060
```
#24f060 rgb(36,240,96)
```
#1bf95d
```
#1bf95d rgb(27,249,93)
```

Tone Color Variation

Below, you can see how #48cc6f 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
#8aa491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b86e Protanopia 1% of men
#dab080 Deuteranopia 1% of men
#72c3d2 Tritanopia 0.001% of the population

Trichromacy

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

#48cc6f hex color

#48cc6f Color Information

#48cc6f Color Conversion

Color Schemes with #48cc6f

Alternatives to #48cc6f

#48cc6f Preview

Shades and Tints of #48cc6f

Tones of #48cc6f

Color Blindness Simulator