#48a57d hex color

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

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

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

The hexadecimal color #48a57d has RGB values of R:72, G:165, B:125 and CMYK values of C:0.56, M:0, Y:0.24, K:0.35. Its decimal value is 4760957.

Hex triplet	48a57d	`#48a57d`
RGB Decimal	72, 165, 125	`rgb(72,165,125)`
RGB Percent	28.2, 64.7, 49	`rgb(28.2%,64.7%,49%)`
CMYK	56, 0, 24, 35
HSL	154.2°, 39.2, 46.5	`hsl(154.2,39.2%,46.5%)`
HSV (or HSB)	154.2°, 56.4, 64.7
Web Safe	339966	`#339966`

CIE-LAB	61.453, -37.308, 12.556
XYZ	19.828, 29.767, 24.102
xyY	0.269, 0.404, 29.767
CIE-LCH	61.453, 39.365, 161.4
CIE-LUV	61.453, -40.42, 23.196
Hunter-Lab	54.559, -30.608, 12
Binary	01001000, 10100101, 01111101

#48a57d
```
#48a57d rgb(72,165,125)
```
#a54870
```
#a54870 rgb(165,72,112)
```

Complementary Color

#48a54f
```
#48a54f rgb(72,165,79)
```
#48a57d
```
#48a57d rgb(72,165,125)
```
#489fa5
```
#489fa5 rgb(72,159,165)
```

Analogous Color

#a54f48
```
#a54f48 rgb(165,79,72)
```
#48a57d
```
#48a57d rgb(72,165,125)
```
#a5489f
```
#a5489f rgb(165,72,159)
```

Split Complementary Color

#a57d48
```
#a57d48 rgb(165,125,72)
```
#48a57d
```
#48a57d rgb(72,165,125)
```
#7d48a5
```
#7d48a5 rgb(125,72,165)
```

Triadic Color

#70a548
```
#70a548 rgb(112,165,72)
```
#48a57d
```
#48a57d rgb(72,165,125)
```
#7d48a5
```
#7d48a5 rgb(125,72,165)
```
#a54870
```
#a54870 rgb(165,72,112)
```

Tetradic Color

#317055
```
#317055 rgb(49,112,85)
```
#398162
```
#398162 rgb(57,129,98)
```
#409370
```
#409370 rgb(64,147,112)
```
#48a57d
```
#48a57d rgb(72,165,125)
```
#53b48a
```
#53b48a rgb(83,180,138)
```
#64bc96
```
#64bc96 rgb(100,188,150)
```
#76c3a2
```
#76c3a2 rgb(118,195,162)
```

Monochromatic Color

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

#48a566
```
#48a566 rgb(72,165,102)
```
#48a56e
```
#48a56e rgb(72,165,110)
```
#48a575
```
#48a575 rgb(72,165,117)
```
#48a57d
```
#48a57d rgb(72,165,125)
```
#48a585
```
#48a585 rgb(72,165,133)
```
#48a58d
```
#48a58d rgb(72,165,141)
```
#48a594
```
#48a594 rgb(72,165,148)
```

Similar Colors

Text with hexadecimal color #48a57d

This text has a font color of #48a57d.

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

#48a57d background color

This paragraph has a background color of #48a57d.

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

#48a57d border color

This element has a border color of #48a57d.

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

CSS codes

.text {color:#48a57d;}

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

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

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 #f2faf6 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060f0b
```
#060f0b rgb(6,15,11)
```
#0c1c16
```
#0c1c16 rgb(12,28,22)
```
#122a20
```
#122a20 rgb(18,42,32)
```
#18382a
```
#18382a rgb(24,56,42)
```
#1e4535
```
#1e4535 rgb(30,69,53)
```
#24533f
```
#24533f rgb(36,83,63)
```
#2a6149
```
#2a6149 rgb(42,97,73)
```
#306e54
```
#306e54 rgb(48,110,84)
```
#367c5e
```
#367c5e rgb(54,124,94)
```
#3c8a68
```
#3c8a68 rgb(60,138,104)
```
#429773
```
#429773 rgb(66,151,115)
```
#48a57d
```
#48a57d rgb(72,165,125)
```

Shade Color Variation

#4fb287
```
#4fb287 rgb(79,178,135)
```
#5cb891
```
#5cb891 rgb(92,184,145)
```
#6abe9a
```
#6abe9a rgb(106,190,154)
```
#78c4a3
```
#78c4a3 rgb(120,196,163)
```
#85caac
```
#85caac rgb(133,202,172)
```
#93d0b6
```
#93d0b6 rgb(147,208,182)
```
#a1d6bf
```
#a1d6bf rgb(161,214,191)
```
#aedcc8
```
#aedcc8 rgb(174,220,200)
```
#bce2d1
```
#bce2d1 rgb(188,226,209)
```
#c9e8db
```
#c9e8db rgb(201,232,219)
```
#d7eee4
```
#d7eee4 rgb(215,238,228)
```
#e5f4ed
```
#e5f4ed rgb(229,244,237)
```
#f2faf6
```
#f2faf6 rgb(242,250,246)
```

Tint Color Variation

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

#767777
```
#767777 rgb(118,119,119)
```
#6c8178
```
#6c8178 rgb(108,129,120)
```
#638a79
```
#638a79 rgb(99,138,121)
```
#5a937a
```
#5a937a rgb(90,147,122)
```
#519c7c
```
#519c7c rgb(81,156,124)
```
#48a57d
```
#48a57d rgb(72,165,125)
```
#3fae7e
```
#3fae7e rgb(63,174,126)
```
#36b780
```
#36b780 rgb(54,183,128)
```
#2dc081
```
#2dc081 rgb(45,192,129)
```
#24c982
```
#24c982 rgb(36,201,130)
```
#1ad383
```
#1ad383 rgb(26,211,131)
```
#11dc85
```
#11dc85 rgb(17,220,133)
```
#08e586
```
#08e586 rgb(8,229,134)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#798b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3997c Protanopia 1% of men
#ad948a Deuteranopia 1% of men
#61a3af Tritanopia 0.001% of the population

Trichromacy

#829d7c Protanomaly 1% of men, 0.01% of women
#889a85 Deuteranomaly 6% of men, 0.4% of women
#58a49d Tritanomaly 0.01% of the population

#48a57d hex color

#48a57d Color Information

#48a57d Color Conversion

Color Schemes with #48a57d

Alternatives to #48a57d

#48a57d Preview

Shades and Tints of #48a57d

Tones of #48a57d

Color Blindness Simulator