#48bb72 hex color

In a RGB color space, hex #48bb72 is composed of 28.2% red, 73.3% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 0% magenta, 39% yellow and 26.7% black. It has a hue angle of 141.9 degrees, a saturation of 45.8% and a lightness of 50.8%. #48bb72 color hex could be obtained by blending #90ffe4 with #007700. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #48bb72 has RGB values of R:72, G:187, B:114 and CMYK values of C:0.61, M:0, Y:0.39, K:0.27. Its decimal value is 4766578.

Hex triplet	48bb72	`#48bb72`
RGB Decimal	72, 187, 114	`rgb(72,187,114)`
RGB Percent	28.2, 73.3, 44.7	`rgb(28.2%,73.3%,44.7%)`
CMYK	61, 0, 39, 27
HSL	141.9°, 45.8, 50.8	`hsl(141.9,45.8%,50.8%)`
HSV (or HSB)	141.9°, 61.5, 73.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	68.117, -48.85, 27.597
XYZ	23.479, 38.131, 22.041
xyY	0.281, 0.456, 38.131
CIE-LCH	68.117, 56.107, 150.537
CIE-LUV	68.117, -49.486, 44.631
Hunter-Lab	61.751, -40.195, 22.062
Binary	01001000, 10111011, 01110010

#48bb72
```
#48bb72 rgb(72,187,114)
```
#bb4891
```
#bb4891 rgb(187,72,145)
```

Complementary Color

#58bb48
```
#58bb48 rgb(88,187,72)
```
#48bb72
```
#48bb72 rgb(72,187,114)
```
#48bbac
```
#48bbac rgb(72,187,172)
```

Analogous Color

#bb4857
```
#bb4857 rgb(187,72,87)
```
#48bb72
```
#48bb72 rgb(72,187,114)
```
#ac48bb
```
#ac48bb rgb(172,72,187)
```

Split Complementary Color

#bb7248
```
#bb7248 rgb(187,114,72)
```
#48bb72
```
#48bb72 rgb(72,187,114)
```
#7248bb
```
#7248bb rgb(114,72,187)
```

Triadic Color

#91bb48
```
#91bb48 rgb(145,187,72)
```
#48bb72
```
#48bb72 rgb(72,187,114)
```
#7248bb
```
#7248bb rgb(114,72,187)
```
#bb4891
```
#bb4891 rgb(187,72,145)
```

Tetradic Color

#318550
```
#318550 rgb(49,133,80)
```
#38985b
```
#38985b rgb(56,152,91)
```
#3faa66
```
#3faa66 rgb(63,170,102)
```
#48bb72
```
#48bb72 rgb(72,187,114)
```
#5bc280
```
#5bc280 rgb(91,194,128)
```
#6dc98f
```
#6dc98f rgb(109,201,143)
```
#80d09d
```
#80d09d rgb(128,208,157)
```

Monochromatic Color

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

#48bb55
```
#48bb55 rgb(72,187,85)
```
#48bb5f
```
#48bb5f rgb(72,187,95)
```
#48bb68
```
#48bb68 rgb(72,187,104)
```
#48bb72
```
#48bb72 rgb(72,187,114)
```
#48bb7c
```
#48bb7c rgb(72,187,124)
```
#48bb85
```
#48bb85 rgb(72,187,133)
```
#48bb8f
```
#48bb8f rgb(72,187,143)
```

Similar Colors

Text with hexadecimal color #48bb72

This text has a font color of #48bb72.

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

#48bb72 background color

This paragraph has a background color of #48bb72.

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

#48bb72 border color

This element has a border color of #48bb72.

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

CSS codes

.text {color:#48bb72;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#06110a
```
#06110a rgb(6,17,10)
```
#0c2013
```
#0c2013 rgb(12,32,19)
```
#112e1c
```
#112e1c rgb(17,46,28)
```
#163c24
```
#163c24 rgb(22,60,36)
```
#1c4a2d
```
#1c4a2d rgb(28,74,45)
```
#215935
```
#215935 rgb(33,89,53)
```
#26673e
```
#26673e rgb(38,103,62)
```
#2c7547
```
#2c7547 rgb(44,117,71)
```
#31844f
```
#31844f rgb(49,132,79)
```
#369258
```
#369258 rgb(54,146,88)
```
#3ca060
```
#3ca060 rgb(60,160,96)
```
#41af69
```
#41af69 rgb(65,175,105)
```

Shade Color Variation

#48bb72
```
#48bb72 rgb(72,187,114)
```
#56c07d
```
#56c07d rgb(86,192,125)
```
#65c688
```
#65c688 rgb(101,198,136)
```
#73cb93
```
#73cb93 rgb(115,203,147)
```
#81d09e
```
#81d09e rgb(129,208,158)
```
#90d6a9
```
#90d6a9 rgb(144,214,169)
```
#9edbb4
```
#9edbb4 rgb(158,219,180)
```
#ace0bf
```
#ace0bf rgb(172,224,191)
```
#bae6ca
```
#bae6ca rgb(186,230,202)
```
#c9ebd5
```
#c9ebd5 rgb(201,235,213)
```
#d7f0e0
```
#d7f0e0 rgb(215,240,224)
```
#e5f5eb
```
#e5f5eb rgb(229,245,235)
```
#f4fbf6
```
#f4fbf6 rgb(244,251,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788b7f is the less saturated color, while #04ff60 is the most saturated one.

#788b7f
```
#788b7f rgb(120,139,127)
```
#6f947c
```
#6f947c rgb(111,148,124)
```
#659e7a
```
#659e7a rgb(101,158,122)
```
#5ba877
```
#5ba877 rgb(91,168,119)
```
#52b175
```
#52b175 rgb(82,177,117)
```
#48bb72
```
#48bb72 rgb(72,187,114)
```
#3ec56f
```
#3ec56f rgb(62,197,111)
```
#35ce6d
```
#35ce6d rgb(53,206,109)
```
#2bd86a
```
#2bd86a rgb(43,216,106)
```
#21e268
```
#21e268 rgb(33,226,104)
```
#18eb65
```
#18eb65 rgb(24,235,101)
```
#0ef562
```
#0ef562 rgb(14,245,98)
```
#04ff60
```
#04ff60 rgb(4,255,96)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#82998a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9aa71 Protanopia 1% of men
#c7a482 Deuteranopia 1% of men
#6cb5c2 Tritanopia 0.001% of the population

Trichromacy

#8fb071 Protanomaly 1% of men, 0.01% of women
#99ac7c Deuteranomaly 6% of men, 0.4% of women
#5eb7a5 Tritanomaly 0.01% of the population

#48bb72 hex color

#48bb72 Color Information

#48bb72 Color Conversion

Color Schemes with #48bb72

Alternatives to #48bb72

#48bb72 Preview

Shades and Tints of #48bb72

Tones of #48bb72

Color Blindness Simulator