#48ad60 hex color

In a RGB color space, hex #48ad60 is composed of 28.2% red, 67.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 0% magenta, 44.5% yellow and 32.2% black. It has a hue angle of 134.3 degrees, a saturation of 41.2% and a lightness of 48%. #48ad60 color hex could be obtained by blending #90ffc0 with #005b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 68
- B 38
RGB color chart
- C 58
- M 0
- Y 45
- K 32
CMYK color chart

● #48ad60 color description : Dark moderate lime green.

The hexadecimal color #48ad60 has RGB values of R:72, G:173, B:96 and CMYK values of C:0.58, M:0, Y:0.45, K:0.32. Its decimal value is 4762976.

Hex triplet	48ad60	`#48ad60`
RGB Decimal	72, 173, 96	`rgb(72,173,96)`
RGB Percent	28.2, 67.8, 37.6	`rgb(28.2%,67.8%,37.6%)`
CMYK	58, 0, 45, 32
HSL	134.3°, 41.2, 48	`hsl(134.3,41.2%,48%)`
HSV (or HSB)	134.3°, 58.4, 67.8
Web Safe	339966	`#339966`

CIE-LAB	63.432, -46.347, 30.922
XYZ	19.726, 32.108, 16.224
xyY	0.29, 0.472, 32.108
CIE-LCH	63.432, 55.716, 146.289
CIE-LUV	63.432, -44.843, 47.045
Hunter-Lab	56.664, -37.021, 22.689
Binary	01001000, 10101101, 01100000

#48ad60
```
#48ad60 rgb(72,173,96)
```
#ad4895
```
#ad4895 rgb(173,72,149)
```

Complementary Color

#63ad48
```
#63ad48 rgb(99,173,72)
```
#48ad60
```
#48ad60 rgb(72,173,96)
```
#48ad93
```
#48ad93 rgb(72,173,147)
```

Analogous Color

#ad4863
```
#ad4863 rgb(173,72,99)
```
#48ad60
```
#48ad60 rgb(72,173,96)
```
#9348ad
```
#9348ad rgb(147,72,173)
```

Split Complementary Color

#ad6048
```
#ad6048 rgb(173,96,72)
```
#48ad60
```
#48ad60 rgb(72,173,96)
```
#6048ad
```
#6048ad rgb(96,72,173)
```

Triadic Color

#95ad48
```
#95ad48 rgb(149,173,72)
```
#48ad60
```
#48ad60 rgb(72,173,96)
```
#6048ad
```
#6048ad rgb(96,72,173)
```
#ad4895
```
#ad4895 rgb(173,72,149)
```

Tetradic Color

#327742
```
#327742 rgb(50,119,66)
```
#39894c
```
#39894c rgb(57,137,76)
```
#419b56
```
#419b56 rgb(65,155,86)
```
#48ad60
```
#48ad60 rgb(72,173,96)
```
#56b96d
```
#56b96d rgb(86,185,109)
```
#68c07d
```
#68c07d rgb(104,192,125)
```
#7ac88c
```
#7ac88c rgb(122,200,140)
```

Monochromatic Color

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

#49ad48
```
#49ad48 rgb(73,173,72)
```
#48ad4f
```
#48ad4f rgb(72,173,79)
```
#48ad58
```
#48ad58 rgb(72,173,88)
```
#48ad60
```
#48ad60 rgb(72,173,96)
```
#48ad68
```
#48ad68 rgb(72,173,104)
```
#48ad71
```
#48ad71 rgb(72,173,113)
```
#48ad79
```
#48ad79 rgb(72,173,121)
```

Similar Colors

Text with hexadecimal color #48ad60

This text has a font color of #48ad60.

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

#48ad60 background color

This paragraph has a background color of #48ad60.

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

#48ad60 border color

This element has a border color of #48ad60.

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

CSS codes

.text {color:#48ad60;}

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

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

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

#030704
```
#030704 rgb(3,7,4)
```
#09150b
```
#09150b rgb(9,21,11)
```
#0e2213
```
#0e2213 rgb(14,34,19)
```
#14301b
```
#14301b rgb(20,48,27)
```
#1a3e23
```
#1a3e23 rgb(26,62,35)
```
#204c2a
```
#204c2a rgb(32,76,42)
```
#255a32
```
#255a32 rgb(37,90,50)
```
#2b683a
```
#2b683a rgb(43,104,58)
```
#317641
```
#317641 rgb(49,118,65)
```
#378349
```
#378349 rgb(55,131,73)
```
#3c9151
```
#3c9151 rgb(60,145,81)
```
#429f58
```
#429f58 rgb(66,159,88)
```
#48ad60
```
#48ad60 rgb(72,173,96)
```

Shade Color Variation

#52b76a
```
#52b76a rgb(82,183,106)
```
#60bd76
```
#60bd76 rgb(96,189,118)
```
#6dc282
```
#6dc282 rgb(109,194,130)
```
#7bc88e
```
#7bc88e rgb(123,200,142)
```
#89ce99
```
#89ce99 rgb(137,206,153)
```
#97d4a5
```
#97d4a5 rgb(151,212,165)
```
#a5d9b1
```
#a5d9b1 rgb(165,217,177)
```
#b3dfbd
```
#b3dfbd rgb(179,223,189)
```
#c1e5c9
```
#c1e5c9 rgb(193,229,201)
```
#ceebd5
```
#ceebd5 rgb(206,235,213)
```
#dcf1e1
```
#dcf1e1 rgb(220,241,225)
```
#eaf6ed
```
#eaf6ed rgb(234,246,237)
```
#f8fcf9
```
#f8fcf9 rgb(248,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777e79 is the less saturated color, while #06ef3d is the most saturated one.

#777e79
```
#777e79 rgb(119,126,121)
```
#6e8774
```
#6e8774 rgb(110,135,116)
```
#64916f
```
#64916f rgb(100,145,111)
```
#5b9a6a
```
#5b9a6a rgb(91,154,106)
```
#51a465
```
#51a465 rgb(81,164,101)
```
#48ad60
```
#48ad60 rgb(72,173,96)
```
#3fb65b
```
#3fb65b rgb(63,182,91)
```
#35c056
```
#35c056 rgb(53,192,86)
```
#2cc951
```
#2cc951 rgb(44,201,81)
```
#22d34c
```
#22d34c rgb(34,211,76)
```
#19dc47
```
#19dc47 rgb(25,220,71)
```
#0fe642
```
#0fe642 rgb(15,230,66)
```
#06ef3d
```
#06ef3d rgb(6,239,61)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7a8e7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9e61 Protanopia 1% of men
#bc9870 Deuteranopia 1% of men
#69a8b4 Tritanopia 0.001% of the population

Trichromacy

#88a461 Protanomaly 1% of men, 0.01% of women
#919f6a Deuteranomaly 6% of men, 0.4% of women
#5daa95 Tritanomaly 0.01% of the population

#48ad60 hex color

#48ad60 Color Information

#48ad60 Color Conversion

Color Schemes with #48ad60

Alternatives to #48ad60

#48ad60 Preview

Shades and Tints of #48ad60

Tones of #48ad60

Color Blindness Simulator