#48b745 hex color

In a RGB color space, hex #48b745 is composed of 28.2% red, 71.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 0% magenta, 62.3% yellow and 28.2% black. It has a hue angle of 118.4 degrees, a saturation of 45.2% and a lightness of 49.4%. #48b745 color hex could be obtained by blending #90ff8a with #006f00. Closest websafe color is: #33cc33.

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

● #48b745 color description : Moderate lime green.

The hexadecimal color #48b745 has RGB values of R:72, G:183, B:69 and CMYK values of C:0.61, M:0, Y:0.62, K:0.28. Its decimal value is 4765509.

Hex triplet	48b745	`#48b745`
RGB Decimal	72, 183, 69	`rgb(72,183,69)`
RGB Percent	28.2, 71.8, 27.1	`rgb(28.2%,71.8%,27.1%)`
CMYK	61, 0, 62, 28
HSL	118.4°, 45.2, 49.4	`hsl(118.4,45.2%,49.4%)`
HSV (or HSB)	118.4°, 62.3, 71.8
Web Safe	33cc33	`#33cc33`

CIE-LAB	66.269, -53.884, 47.509
XYZ	20.679, 35.673, 11.426
xyY	0.305, 0.526, 35.673
CIE-LCH	66.269, 71.837, 138.598
CIE-LUV	66.269, -49.668, 65.285
Hunter-Lab	59.727, -42.72, 30.466
Binary	01001000, 10110111, 01000101

#48b745
```
#48b745 rgb(72,183,69)
```
#b445b7
```
#b445b7 rgb(180,69,183)
```

Complementary Color

#81b745
```
#81b745 rgb(129,183,69)
```
#48b745
```
#48b745 rgb(72,183,69)
```
#45b77b
```
#45b77b rgb(69,183,123)
```

Analogous Color

#b74581
```
#b74581 rgb(183,69,129)
```
#48b745
```
#48b745 rgb(72,183,69)
```
#7b45b7
```
#7b45b7 rgb(123,69,183)
```

Split Complementary Color

#b74548
```
#b74548 rgb(183,69,72)
```
#48b745
```
#48b745 rgb(72,183,69)
```
#4548b7
```
#4548b7 rgb(69,72,183)
```

Triadic Color

#b7b445
```
#b7b445 rgb(183,180,69)
```
#48b745
```
#48b745 rgb(72,183,69)
```
#4548b7
```
#4548b7 rgb(69,72,183)
```
#b445b7
```
#b445b7 rgb(180,69,183)
```

Tetradic Color

#327f30
```
#327f30 rgb(50,127,48)
```
#399237
```
#399237 rgb(57,146,55)
```
#41a43e
```
#41a43e rgb(65,164,62)
```
#48b745
```
#48b745 rgb(72,183,69)
```
#59bf56
```
#59bf56 rgb(89,191,86)
```
#6bc669
```
#6bc669 rgb(107,198,105)
```
#7dcd7b
```
#7dcd7b rgb(125,205,123)
```

Monochromatic Color

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

#65b745
```
#65b745 rgb(101,183,69)
```
#5bb745
```
#5bb745 rgb(91,183,69)
```
#52b745
```
#52b745 rgb(82,183,69)
```
#48b745
```
#48b745 rgb(72,183,69)
```
#45b74b
```
#45b74b rgb(69,183,75)
```
#45b755
```
#45b755 rgb(69,183,85)
```
#45b75e
```
#45b75e rgb(69,183,94)
```

Similar Colors

Text with hexadecimal color #48b745

This text has a font color of #48b745.

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

#48b745 background color

This paragraph has a background color of #48b745.

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

#48b745 border color

This element has a border color of #48b745.

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

CSS codes

.text {color:#48b745;}

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

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

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, #050c05 is the darkest color, while #fdfefd is the lightest one.

#050c05
```
#050c05 rgb(5,12,5)
```
#0a1a0a
```
#0a1a0a rgb(10,26,10)
```
#10290f
```
#10290f rgb(16,41,15)
```
#163715
```
#163715 rgb(22,55,21)
```
#1b451a
```
#1b451a rgb(27,69,26)
```
#21531f
```
#21531f rgb(33,83,31)
```
#266225
```
#266225 rgb(38,98,37)
```
#2c702a
```
#2c702a rgb(44,112,42)
```
#327e30
```
#327e30 rgb(50,126,48)
```
#378c35
```
#378c35 rgb(55,140,53)
```
#3d9b3a
```
#3d9b3a rgb(61,155,58)
```
#42a940
```
#42a940 rgb(66,169,64)
```
#48b745
```
#48b745 rgb(72,183,69)
```

Shade Color Variation

#55be52
```
#55be52 rgb(85,190,82)
```
#63c360
```
#63c360 rgb(99,195,96)
```
#71c86e
```
#71c86e rgb(113,200,110)
```
#7fce7d
```
#7fce7d rgb(127,206,125)
```
#8dd38b
```
#8dd38b rgb(141,211,139)
```
#9bd999
```
#9bd999 rgb(155,217,153)
```
#a9dea7
```
#a9dea7 rgb(169,222,167)
```
#b7e3b6
```
#b7e3b6 rgb(183,227,182)
```
#c5e9c4
```
#c5e9c4 rgb(197,233,196)
```
#d3eed2
```
#d3eed2 rgb(211,238,210)
```
#e1f3e0
```
#e1f3e0 rgb(225,243,224)
```
#eff9ef
```
#eff9ef rgb(239,249,239)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#768775
```
#768775 rgb(118,135,117)
```
#6d906c
```
#6d906c rgb(109,144,108)
```
#649a62
```
#649a62 rgb(100,154,98)
```
#5aa458
```
#5aa458 rgb(90,164,88)
```
#51ad4f
```
#51ad4f rgb(81,173,79)
```
#48b745
```
#48b745 rgb(72,183,69)
```
#3fc13b
```
#3fc13b rgb(63,193,59)
```
#36ca32
```
#36ca32 rgb(54,202,50)
```
#2cd428
```
#2cd428 rgb(44,212,40)
```
#23de1e
```
#23de1e rgb(35,222,30)
```
#1ae715
```
#1ae715 rgb(26,231,21)
```
#11f10b
```
#11f10b rgb(17,241,11)
```
#08fb01
```
#08fb01 rgb(8,251,1)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7c927b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a648 Protanopia 1% of men
#ca9e59 Deuteranopia 1% of men
#70afbc Tritanopia 0.001% of the population

Trichromacy

#8fac47 Protanomaly 1% of men, 0.01% of women
#9aa752 Deuteranomaly 6% of men, 0.4% of women
#61b290 Tritanomaly 0.01% of the population

#48b745 hex color

#48b745 Color Information

#48b745 Color Conversion

Color Schemes with #48b745

Alternatives to #48b745

#48b745 Preview

Shades and Tints of #48b745

Tones of #48b745

Color Blindness Simulator