#48b76f hex color

In a RGB color space, hex #48b76f is composed of 28.2% red, 71.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 0% magenta, 39.3% yellow and 28.2% black. It has a hue angle of 141.1 degrees, a saturation of 43.5% and a lightness of 50%. #48b76f color hex could be obtained by blending #90ffde with #006f00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 28
- G 72
- B 44
RGB color chart
- C 61
- M 0
- Y 39
- K 28
CMYK color chart

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

The hexadecimal color #48b76f has RGB values of R:72, G:183, B:111 and CMYK values of C:0.61, M:0, Y:0.39, K:0.28. Its decimal value is 4765551.

Hex triplet	48b76f	`#48b76f`
RGB Decimal	72, 183, 111	`rgb(72,183,111)`
RGB Percent	28.2, 71.8, 43.5	`rgb(28.2%,71.8%,43.5%)`
CMYK	61, 0, 39, 28
HSL	141.1°, 43.5, 50	`hsl(141.1,43.5%,50%)`
HSV (or HSB)	141.1°, 60.7, 71.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	66.817, -47.788, 27.459
XYZ	22.474, 36.391, 20.878
xyY	0.282, 0.456, 36.391
CIE-LCH	66.817, 55.115, 150.118
CIE-LUV	66.817, -48.093, 44.068
Hunter-Lab	60.325, -39.068, 21.707
Binary	01001000, 10110111, 01101111

#48b76f
```
#48b76f rgb(72,183,111)
```
#b74890
```
#b74890 rgb(183,72,144)
```

Complementary Color

#59b748
```
#59b748 rgb(89,183,72)
```
#48b76f
```
#48b76f rgb(72,183,111)
```
#48b7a7
```
#48b7a7 rgb(72,183,167)
```

Analogous Color

#b74859
```
#b74859 rgb(183,72,89)
```
#48b76f
```
#48b76f rgb(72,183,111)
```
#a748b7
```
#a748b7 rgb(167,72,183)
```

Split Complementary Color

#b76f48
```
#b76f48 rgb(183,111,72)
```
#48b76f
```
#48b76f rgb(72,183,111)
```
#6f48b7
```
#6f48b7 rgb(111,72,183)
```

Triadic Color

#90b748
```
#90b748 rgb(144,183,72)
```
#48b76f
```
#48b76f rgb(72,183,111)
```
#6f48b7
```
#6f48b7 rgb(111,72,183)
```
#b74890
```
#b74890 rgb(183,72,144)
```

Tetradic Color

#32804e
```
#32804e rgb(50,128,78)
```
#3a9259
```
#3a9259 rgb(58,146,89)
```
#41a564
```
#41a564 rgb(65,165,100)
```
#48b76f
```
#48b76f rgb(72,183,111)
```
#5abe7d
```
#5abe7d rgb(90,190,125)
```
#6dc58c
```
#6dc58c rgb(109,197,140)
```
#7fcd9a
```
#7fcd9a rgb(127,205,154)
```

Monochromatic Color

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

#48b753
```
#48b753 rgb(72,183,83)
```
#48b75d
```
#48b75d rgb(72,183,93)
```
#48b766
```
#48b766 rgb(72,183,102)
```
#48b76f
```
#48b76f rgb(72,183,111)
```
#48b778
```
#48b778 rgb(72,183,120)
```
#48b782
```
#48b782 rgb(72,183,130)
```
#48b78b
```
#48b78b rgb(72,183,139)
```

Similar Colors

Text with hexadecimal color #48b76f

This text has a font color of #48b76f.

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

#48b76f background color

This paragraph has a background color of #48b76f.

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

#48b76f border color

This element has a border color of #48b76f.

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

CSS codes

.text {color:#48b76f;}

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

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

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, #060e09 is the darkest color, while #ffffff is the lightest one.

#060e09
```
#060e09 rgb(6,14,9)
```
#0b1c11
```
#0b1c11 rgb(11,28,17)
```
#112a1a
```
#112a1a rgb(17,42,26)
```
#163822
```
#163822 rgb(22,56,34)
```
#1c462b
```
#1c462b rgb(28,70,43)
```
#215433
```
#215433 rgb(33,84,51)
```
#27633c
```
#27633c rgb(39,99,60)
```
#2c7144
```
#2c7144 rgb(44,113,68)
```
#327f4d
```
#327f4d rgb(50,127,77)
```
#378d55
```
#378d55 rgb(55,141,85)
```
#3d9b5e
```
#3d9b5e rgb(61,155,94)
```
#42a966
```
#42a966 rgb(66,169,102)
```
#48b76f
```
#48b76f rgb(72,183,111)
```

Shade Color Variation

#56bd7a
```
#56bd7a rgb(86,189,122)
```
#64c285
```
#64c285 rgb(100,194,133)
```
#72c890
```
#72c890 rgb(114,200,144)
```
#80cd9b
```
#80cd9b rgb(128,205,155)
```
#8ed3a6
```
#8ed3a6 rgb(142,211,166)
```
#9cd8b1
```
#9cd8b1 rgb(156,216,177)
```
#abdebd
```
#abdebd rgb(171,222,189)
```
#b9e3c8
```
#b9e3c8 rgb(185,227,200)
```
#c7e9d3
```
#c7e9d3 rgb(199,233,211)
```
#d5eede
```
#d5eede rgb(213,238,222)
```
#e3f4e9
```
#e3f4e9 rgb(227,244,233)
```
#f1f9f4
```
#f1f9f4 rgb(241,249,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79867e is the less saturated color, while #03fc5b is the most saturated one.

#79867e
```
#79867e rgb(121,134,126)
```
#6f907b
```
#6f907b rgb(111,144,123)
```
#659a78
```
#659a78 rgb(101,154,120)
```
#5ca375
```
#5ca375 rgb(92,163,117)
```
#52ad72
```
#52ad72 rgb(82,173,114)
```
#48b76f
```
#48b76f rgb(72,183,111)
```
#3ec16c
```
#3ec16c rgb(62,193,108)
```
#34cb69
```
#34cb69 rgb(52,203,105)
```
#2bd466
```
#2bd466 rgb(43,212,102)
```
#21de63
```
#21de63 rgb(33,222,99)
```
#17e860
```
#17e860 rgb(23,232,96)
```
#0df25e
```
#0df25e rgb(13,242,94)
```
#03fc5b
```
#03fc5b rgb(3,252,91)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#809688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a76f Protanopia 1% of men
#c4a07f Deuteranopia 1% of men
#6bb1be Tritanopia 0.001% of the population

Trichromacy

#8dad6f Protanomaly 1% of men, 0.01% of women
#97a879 Deuteranomaly 6% of men, 0.4% of women
#5eb3a1 Tritanomaly 0.01% of the population

#48b76f hex color

#48b76f Color Information

#48b76f Color Conversion

Color Schemes with #48b76f

Alternatives to #48b76f

#48b76f Preview

Shades and Tints of #48b76f

Tones of #48b76f

Color Blindness Simulator