#48a561 hex color

In a RGB color space, hex #48a561 is composed of 28.2% red, 64.7% green and 38% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 0% magenta, 41.2% yellow and 35.3% black. It has a hue angle of 136.1 degrees, a saturation of 39.2% and a lightness of 46.5%. #48a561 color hex could be obtained by blending #90ffc2 with #004b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 65
- B 38
RGB color chart
- C 56
- M 0
- Y 41
- K 35
CMYK color chart

● #48a561 color description : Dark moderate cyan - lime green.

The hexadecimal color #48a561 has RGB values of R:72, G:165, B:97 and CMYK values of C:0.56, M:0, Y:0.41, K:0.35. Its decimal value is 4760929.

Hex triplet	48a561	`#48a561`
RGB Decimal	72, 165, 97	`rgb(72,165,97)`
RGB Percent	28.2, 64.7, 38	`rgb(28.2%,64.7%,38%)`
CMYK	56, 0, 41, 35
HSL	136.1°, 39.2, 46.5	`hsl(136.1,39.2%,46.5%)`
HSV (or HSB)	136.1°, 56.4, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.913, -42.888, 27.132
XYZ	18.284, 29.15, 15.972
xyY	0.288, 0.46, 29.15
CIE-LCH	60.913, 50.75, 147.682
CIE-LUV	60.913, -41.626, 41.786
Hunter-Lab	53.99, -34.033, 20.254
Binary	01001000, 10100101, 01100001

#48a561
```
#48a561 rgb(72,165,97)
```
#a5488c
```
#a5488c rgb(165,72,140)
```

Complementary Color

#5ea548
```
#5ea548 rgb(94,165,72)
```
#48a561
```
#48a561 rgb(72,165,97)
```
#48a590
```
#48a590 rgb(72,165,144)
```

Analogous Color

#a5485e
```
#a5485e rgb(165,72,94)
```
#48a561
```
#48a561 rgb(72,165,97)
```
#9048a5
```
#9048a5 rgb(144,72,165)
```

Split Complementary Color

#a56148
```
#a56148 rgb(165,97,72)
```
#48a561
```
#48a561 rgb(72,165,97)
```
#6148a5
```
#6148a5 rgb(97,72,165)
```

Triadic Color

#8ca548
```
#8ca548 rgb(140,165,72)
```
#48a561
```
#48a561 rgb(72,165,97)
```
#6148a5
```
#6148a5 rgb(97,72,165)
```
#a5488c
```
#a5488c rgb(165,72,140)
```

Tetradic Color

#317042
```
#317042 rgb(49,112,66)
```
#39814c
```
#39814c rgb(57,129,76)
```
#409357
```
#409357 rgb(64,147,87)
```
#48a561
```
#48a561 rgb(72,165,97)
```
#53b46d
```
#53b46d rgb(83,180,109)
```
#64bc7c
```
#64bc7c rgb(100,188,124)
```
#76c38b
```
#76c38b rgb(118,195,139)
```

Monochromatic Color

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

#48a54a
```
#48a54a rgb(72,165,74)
```
#48a552
```
#48a552 rgb(72,165,82)
```
#48a559
```
#48a559 rgb(72,165,89)
```
#48a561
```
#48a561 rgb(72,165,97)
```
#48a569
```
#48a569 rgb(72,165,105)
```
#48a571
```
#48a571 rgb(72,165,113)
```
#48a578
```
#48a578 rgb(72,165,120)
```

Similar Colors

Text with hexadecimal color #48a561

This text has a font color of #48a561.

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

#48a561 background color

This paragraph has a background color of #48a561.

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

#48a561 border color

This element has a border color of #48a561.

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

CSS codes

.text {color:#48a561;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f09
```
#060f09 rgb(6,15,9)
```
#0c1c11
```
#0c1c11 rgb(12,28,17)
```
#122a19
```
#122a19 rgb(18,42,25)
```
#183821
```
#183821 rgb(24,56,33)
```
#1e4529
```
#1e4529 rgb(30,69,41)
```
#245331
```
#245331 rgb(36,83,49)
```
#2a6139
```
#2a6139 rgb(42,97,57)
```
#306e41
```
#306e41 rgb(48,110,65)
```
#367c49
```
#367c49 rgb(54,124,73)
```
#3c8a51
```
#3c8a51 rgb(60,138,81)
```
#429759
```
#429759 rgb(66,151,89)
```
#48a561
```
#48a561 rgb(72,165,97)
```

Shade Color Variation

#4fb269
```
#4fb269 rgb(79,178,105)
```
#5cb875
```
#5cb875 rgb(92,184,117)
```
#6abe80
```
#6abe80 rgb(106,190,128)
```
#78c48c
```
#78c48c rgb(120,196,140)
```
#85ca98
```
#85ca98 rgb(133,202,152)
```
#93d0a3
```
#93d0a3 rgb(147,208,163)
```
#a1d6af
```
#a1d6af rgb(161,214,175)
```
#aedcba
```
#aedcba rgb(174,220,186)
```
#bce2c6
```
#bce2c6 rgb(188,226,198)
```
#c9e8d2
```
#c9e8d2 rgb(201,232,210)
```
#d7eedd
```
#d7eedd rgb(215,238,221)
```
#e5f4e9
```
#e5f4e9 rgb(229,244,233)
```
#f2faf4
```
#f2faf4 rgb(242,250,244)
```

Tint Color Variation

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

#767776
```
#767776 rgb(118,119,118)
```
#6c8172
```
#6c8172 rgb(108,129,114)
```
#638a6e
```
#638a6e rgb(99,138,110)
```
#5a9369
```
#5a9369 rgb(90,147,105)
```
#519c65
```
#519c65 rgb(81,156,101)
```
#48a561
```
#48a561 rgb(72,165,97)
```
#3fae5d
```
#3fae5d rgb(63,174,93)
```
#36b759
```
#36b759 rgb(54,183,89)
```
#2dc054
```
#2dc054 rgb(45,192,84)
```
#24c950
```
#24c950 rgb(36,201,80)
```
#1ad34c
```
#1ad34c rgb(26,211,76)
```
#11dc48
```
#11dc48 rgb(17,220,72)
```
#08e543
```
#08e543 rgb(8,229,67)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#76887b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59862 Protanopia 1% of men
#b39271 Deuteranopia 1% of men
#66a1ad Tritanopia 0.001% of the population

Trichromacy

#839d62 Protanomaly 1% of men, 0.01% of women
#8c996b Deuteranomaly 6% of men, 0.4% of women
#5ba291 Tritanomaly 0.01% of the population

#48a561 hex color

#48a561 Color Information

#48a561 Color Conversion

Color Schemes with #48a561

Alternatives to #48a561

#48a561 Preview

Shades and Tints of #48a561

Tones of #48a561

Color Blindness Simulator