#48af57 hex color

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

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

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

The hexadecimal color #48af57 has RGB values of R:72, G:175, B:87 and CMYK values of C:0.59, M:0, Y:0.5, K:0.31. Its decimal value is 4763479.

Hex triplet	48af57	`#48af57`
RGB Decimal	72, 175, 87	`rgb(72,175,87)`
RGB Percent	28.2, 68.6, 34.1	`rgb(28.2%,68.6%,34.1%)`
CMYK	59, 0, 50, 31
HSL	128.7°, 41.7, 48.4	`hsl(128.7,41.7%,48.4%)`
HSV (or HSB)	128.7°, 58.9, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.937, -48.547, 36.177
XYZ	19.722, 32.724, 14.293
xyY	0.296, 0.49, 32.724
CIE-LCH	63.937, 60.544, 143.307
CIE-LUV	63.937, -45.97, 53.028
Hunter-Lab	57.205, -38.57, 25.229
Binary	01001000, 10101111, 01010111

#48af57
```
#48af57 rgb(72,175,87)
```
#af48a0
```
#af48a0 rgb(175,72,160)
```

Complementary Color

#6daf48
```
#6daf48 rgb(109,175,72)
```
#48af57
```
#48af57 rgb(72,175,87)
```
#48af8b
```
#48af8b rgb(72,175,139)
```

Analogous Color

#af486d
```
#af486d rgb(175,72,109)
```
#48af57
```
#48af57 rgb(72,175,87)
```
#8b48af
```
#8b48af rgb(139,72,175)
```

Split Complementary Color

#af5748
```
#af5748 rgb(175,87,72)
```
#48af57
```
#48af57 rgb(72,175,87)
```
#5748af
```
#5748af rgb(87,72,175)
```

Triadic Color

#a0af48
```
#a0af48 rgb(160,175,72)
```
#48af57
```
#48af57 rgb(72,175,87)
```
#5748af
```
#5748af rgb(87,72,175)
```
#af48a0
```
#af48a0 rgb(175,72,160)
```

Tetradic Color

#32793c
```
#32793c rgb(50,121,60)
```
#398b45
```
#398b45 rgb(57,139,69)
```
#419d4e
```
#419d4e rgb(65,157,78)
```
#48af57
```
#48af57 rgb(72,175,87)
```
#57ba65
```
#57ba65 rgb(87,186,101)
```
#69c176
```
#69c176 rgb(105,193,118)
```
#7bc986
```
#7bc986 rgb(123,201,134)
```

Monochromatic Color

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

#53af48
```
#53af48 rgb(83,175,72)
```
#4aaf48
```
#4aaf48 rgb(74,175,72)
```
#48af4e
```
#48af4e rgb(72,175,78)
```
#48af57
```
#48af57 rgb(72,175,87)
```
#48af60
```
#48af60 rgb(72,175,96)
```
#48af68
```
#48af68 rgb(72,175,104)
```
#48af71
```
#48af71 rgb(72,175,113)
```

Similar Colors

Text with hexadecimal color #48af57

This text has a font color of #48af57.

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

#48af57 background color

This paragraph has a background color of #48af57.

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

#48af57 border color

This element has a border color of #48af57.

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

CSS codes

.text {color:#48af57;}

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

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

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

#030804
```
#030804 rgb(3,8,4)
```
#09160b
```
#09160b rgb(9,22,11)
```
#0f2412
```
#0f2412 rgb(15,36,18)
```
#153219
```
#153219 rgb(21,50,25)
```
#1a4020
```
#1a4020 rgb(26,64,32)
```
#204e27
```
#204e27 rgb(32,78,39)
```
#265c2e
```
#265c2e rgb(38,92,46)
```
#2b6a34
```
#2b6a34 rgb(43,106,52)
```
#31773b
```
#31773b rgb(49,119,59)
```
#378542
```
#378542 rgb(55,133,66)
```
#3d9349
```
#3d9349 rgb(61,147,73)
```
#42a150
```
#42a150 rgb(66,161,80)
```
#48af57
```
#48af57 rgb(72,175,87)
```

Shade Color Variation

#53b861
```
#53b861 rgb(83,184,97)
```
#60be6e
```
#60be6e rgb(96,190,110)
```
#6ec37b
```
#6ec37b rgb(110,195,123)
```
#7cc987
```
#7cc987 rgb(124,201,135)
```
#8acf94
```
#8acf94 rgb(138,207,148)
```
#98d5a1
```
#98d5a1 rgb(152,213,161)
```
#a6daae
```
#a6daae rgb(166,218,174)
```
#b4e0ba
```
#b4e0ba rgb(180,224,186)
```
#c2e6c7
```
#c2e6c7 rgb(194,230,199)
```
#d0ecd4
```
#d0ecd4 rgb(208,236,212)
```
#def1e0
```
#def1e0 rgb(222,241,224)
```
#ebf7ed
```
#ebf7ed rgb(235,247,237)
```
#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 #05f228 is the most saturated one.

#788079
```
#788079 rgb(120,128,121)
```
#6e8972
```
#6e8972 rgb(110,137,114)
```
#65936b
```
#65936b rgb(101,147,107)
```
#5b9c64
```
#5b9c64 rgb(91,156,100)
```
#52a65e
```
#52a65e rgb(82,166,94)
```
#48af57
```
#48af57 rgb(72,175,87)
```
#3fb950
```
#3fb950 rgb(63,185,80)
```
#35c24a
```
#35c24a rgb(53,194,74)
```
#2ccc43
```
#2ccc43 rgb(44,204,67)
```
#22d53c
```
#22d53c rgb(34,213,60)
```
#19df35
```
#19df35 rgb(25,223,53)
```
#0fe82f
```
#0fe82f rgb(15,232,47)
```
#05f228
```
#05f228 rgb(5,242,40)
```

Tone Color Variation

Below, you can see how #48af57 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
#7a8e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa059 Protanopia 1% of men
#bf9968 Deuteranopia 1% of men
#6ba9b5 Tritanopia 0.001% of the population

Trichromacy

#8aa558 Protanomaly 1% of men, 0.01% of women
#94a162 Deuteranomaly 6% of men, 0.4% of women
#5eab93 Tritanomaly 0.01% of the population

#48af57 hex color

#48af57 Color Information

#48af57 Color Conversion

Color Schemes with #48af57

Alternatives to #48af57

#48af57 Preview

Shades and Tints of #48af57

Tones of #48af57

Color Blindness Simulator