#48af60 hex color

In a RGB color space, hex #48af60 is composed of 28.2% red, 68.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 0% magenta, 45.1% yellow and 31.4% black. It has a hue angle of 134 degrees, a saturation of 41.7% and a lightness of 48.4%. #48af60 color hex could be obtained by blending #90ffc0 with #005f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 69
- B 38
RGB color chart
- C 59
- M 0
- Y 45
- K 31
CMYK color chart

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

The hexadecimal color #48af60 has RGB values of R:72, G:175, B:96 and CMYK values of C:0.59, M:0, Y:0.45, K:0.31. Its decimal value is 4763488.

Hex triplet	48af60	`#48af60`
RGB Decimal	72, 175, 96	`rgb(72,175,96)`
RGB Percent	28.2, 68.6, 37.6	`rgb(28.2%,68.6%,37.6%)`
CMYK	59, 0, 45, 31
HSL	134°, 41.7, 48.4	`hsl(134,41.7%,48.4%)`
HSV (or HSB)	134°, 58.9, 68.6
Web Safe	339966	`#339966`

CIE-LAB	64.064, -47.152, 31.732
XYZ	20.113, 32.881, 16.352
xyY	0.29, 0.474, 32.881
CIE-LCH	64.064, 56.835, 146.06
CIE-LUV	64.064, -45.628, 48.193
Hunter-Lab	57.342, -37.739, 23.231
Binary	01001000, 10101111, 01100000

#48af60
```
#48af60 rgb(72,175,96)
```
#af4897
```
#af4897 rgb(175,72,151)
```

Complementary Color

#64af48
```
#64af48 rgb(100,175,72)
```
#48af60
```
#48af60 rgb(72,175,96)
```
#48af94
```
#48af94 rgb(72,175,148)
```

Analogous Color

#af4864
```
#af4864 rgb(175,72,100)
```
#48af60
```
#48af60 rgb(72,175,96)
```
#9448af
```
#9448af rgb(148,72,175)
```

Split Complementary Color

#af6048
```
#af6048 rgb(175,96,72)
```
#48af60
```
#48af60 rgb(72,175,96)
```
#6048af
```
#6048af rgb(96,72,175)
```

Triadic Color

#97af48
```
#97af48 rgb(151,175,72)
```
#48af60
```
#48af60 rgb(72,175,96)
```
#6048af
```
#6048af rgb(96,72,175)
```
#af4897
```
#af4897 rgb(175,72,151)
```

Tetradic Color

#327942
```
#327942 rgb(50,121,66)
```
#398b4c
```
#398b4c rgb(57,139,76)
```
#419d56
```
#419d56 rgb(65,157,86)
```
#48af60
```
#48af60 rgb(72,175,96)
```
#57ba6e
```
#57ba6e rgb(87,186,110)
```
#69c17d
```
#69c17d rgb(105,193,125)
```
#7bc98d
```
#7bc98d rgb(123,201,141)
```

Monochromatic Color

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

#4aaf48
```
#4aaf48 rgb(74,175,72)
```
#48af4f
```
#48af4f rgb(72,175,79)
```
#48af57
```
#48af57 rgb(72,175,87)
```
#48af60
```
#48af60 rgb(72,175,96)
```
#48af69
```
#48af69 rgb(72,175,105)
```
#48af71
```
#48af71 rgb(72,175,113)
```
#48af7a
```
#48af7a rgb(72,175,122)
```

Similar Colors

Text with hexadecimal color #48af60

This text has a font color of #48af60.

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

#48af60 background color

This paragraph has a background color of #48af60.

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

#48af60 border color

This element has a border color of #48af60.

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

CSS codes

.text {color:#48af60;}

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

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

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

#030805
```
#030805 rgb(3,8,5)
```
#09160c
```
#09160c rgb(9,22,12)
```
#0f2414
```
#0f2414 rgb(15,36,20)
```
#15321b
```
#15321b rgb(21,50,27)
```
#1a4023
```
#1a4023 rgb(26,64,35)
```
#204e2b
```
#204e2b rgb(32,78,43)
```
#265c32
```
#265c32 rgb(38,92,50)
```
#2b6a3a
```
#2b6a3a rgb(43,106,58)
```
#317742
```
#317742 rgb(49,119,66)
```
#378549
```
#378549 rgb(55,133,73)
```
#3d9351
```
#3d9351 rgb(61,147,81)
```
#42a158
```
#42a158 rgb(66,161,88)
```
#48af60
```
#48af60 rgb(72,175,96)
```

Shade Color Variation

#53b86a
```
#53b86a rgb(83,184,106)
```
#60be76
```
#60be76 rgb(96,190,118)
```
#6ec382
```
#6ec382 rgb(110,195,130)
```
#7cc98e
```
#7cc98e rgb(124,201,142)
```
#8acf9a
```
#8acf9a rgb(138,207,154)
```
#98d5a6
```
#98d5a6 rgb(152,213,166)
```
#a6dab2
```
#a6dab2 rgb(166,218,178)
```
#b4e0be
```
#b4e0be rgb(180,224,190)
```
#c2e6ca
```
#c2e6ca rgb(194,230,202)
```
#d0ecd6
```
#d0ecd6 rgb(208,236,214)
```
#def1e2
```
#def1e2 rgb(222,241,226)
```
#ebf7ee
```
#ebf7ee rgb(235,247,238)
```
#f9fdfa
```
#f9fdfa rgb(249,253,250)
```

Tint Color Variation

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

#788079
```
#788079 rgb(120,128,121)
```
#6e8974
```
#6e8974 rgb(110,137,116)
```
#65936f
```
#65936f rgb(101,147,111)
```
#5b9c6a
```
#5b9c6a rgb(91,156,106)
```
#52a665
```
#52a665 rgb(82,166,101)
```
#48af60
```
#48af60 rgb(72,175,96)
```
#3fb95b
```
#3fb95b rgb(63,185,91)
```
#35c256
```
#35c256 rgb(53,194,86)
```
#2ccc51
```
#2ccc51 rgb(44,204,81)
```
#22d54c
```
#22d54c rgb(34,213,76)
```
#19df47
```
#19df47 rgb(25,223,71)
```
#0fe842
```
#0fe842 rgb(15,232,66)
```
#05f23c
```
#05f23c rgb(5,242,60)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7a8f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa061 Protanopia 1% of men
#be9971 Deuteranopia 1% of men
#6aaab6 Tritanopia 0.001% of the population

Trichromacy

#89a560 Protanomaly 1% of men, 0.01% of women
#93a16a Deuteranomaly 6% of men, 0.4% of women
#5dab96 Tritanomaly 0.01% of the population

#48af60 hex color

#48af60 Color Information

#48af60 Color Conversion

Color Schemes with #48af60

Alternatives to #48af60

#48af60 Preview

Shades and Tints of #48af60

Tones of #48af60

Color Blindness Simulator