#48a18a hex color

In a RGB color space, hex #48a18a is composed of 28.2% red, 63.1% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 0% magenta, 14.3% yellow and 36.9% black. It has a hue angle of 164.5 degrees, a saturation of 38.2% and a lightness of 45.7%. #48a18a color hex could be obtained by blending #90ffff with #004315. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 63
- B 54
RGB color chart
- C 55
- M 0
- Y 14
- K 37
CMYK color chart

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

The hexadecimal color #48a18a has RGB values of R:72, G:161, B:138 and CMYK values of C:0.55, M:0, Y:0.14, K:0.37. Its decimal value is 4759946.

Hex triplet	48a18a	`#48a18a`
RGB Decimal	72, 161, 138	`rgb(72,161,138)`
RGB Percent	28.2, 63.1, 54.1	`rgb(28.2%,63.1%,54.1%)`
CMYK	55, 0, 14, 37
HSL	164.5°, 38.2, 45.7	`hsl(164.5,38.2%,45.7%)`
HSV (or HSB)	164.5°, 55.3, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.517, -32.402, 3.946
XYZ	20.003, 28.701, 28.529
xyY	0.259, 0.372, 28.701
CIE-LCH	60.517, 32.642, 173.056
CIE-LUV	60.517, -38.227, 10.612
Hunter-Lab	53.573, -27.104, 5.928
Binary	01001000, 10100001, 10001010

#48a18a
```
#48a18a rgb(72,161,138)
```
#a1485f
```
#a1485f rgb(161,72,95)
```

Complementary Color

#48a15e
```
#48a15e rgb(72,161,94)
```
#48a18a
```
#48a18a rgb(72,161,138)
```
#488ca1
```
#488ca1 rgb(72,140,161)
```

Analogous Color

#a15e48
```
#a15e48 rgb(161,94,72)
```
#48a18a
```
#48a18a rgb(72,161,138)
```
#a1488c
```
#a1488c rgb(161,72,140)
```

Split Complementary Color

#a18a48
```
#a18a48 rgb(161,138,72)
```
#48a18a
```
#48a18a rgb(72,161,138)
```
#8a48a1
```
#8a48a1 rgb(138,72,161)
```

Triadic Color

#5fa148
```
#5fa148 rgb(95,161,72)
```
#48a18a
```
#48a18a rgb(72,161,138)
```
#8a48a1
```
#8a48a1 rgb(138,72,161)
```
#a1485f
```
#a1485f rgb(161,72,95)
```

Tetradic Color

#306c5d
```
#306c5d rgb(48,108,93)
```
#387e6c
```
#387e6c rgb(56,126,108)
```
#408f7b
```
#408f7b rgb(64,143,123)
```
#48a18a
```
#48a18a rgb(72,161,138)
```
#51b198
```
#51b198 rgb(81,177,152)
```
#63b9a3
```
#63b9a3 rgb(99,185,163)
```
#74c1ad
```
#74c1ad rgb(116,193,173)
```

Monochromatic Color

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

#48a174
```
#48a174 rgb(72,161,116)
```
#48a17b
```
#48a17b rgb(72,161,123)
```
#48a183
```
#48a183 rgb(72,161,131)
```
#48a18a
```
#48a18a rgb(72,161,138)
```
#48a191
```
#48a191 rgb(72,161,145)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#48a1a0
```
#48a1a0 rgb(72,161,160)
```

Similar Colors

Text with hexadecimal color #48a18a

This text has a font color of #48a18a.

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

#48a18a background color

This paragraph has a background color of #48a18a.

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

#48a18a border color

This element has a border color of #48a18a.

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

CSS codes

.text {color:#48a18a;}

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

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

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, #050c0a is the darkest color, while #fdfefe is the lightest one.

#050c0a
```
#050c0a rgb(5,12,10)
```
#0b1916
```
#0b1916 rgb(11,25,22)
```
#112721
```
#112721 rgb(17,39,33)
```
#18352d
```
#18352d rgb(24,53,45)
```
#1e4239
```
#1e4239 rgb(30,66,57)
```
#245044
```
#245044 rgb(36,80,68)
```
#2a5d50
```
#2a5d50 rgb(42,93,80)
```
#306b5c
```
#306b5c rgb(48,107,92)
```
#367867
```
#367867 rgb(54,120,103)
```
#3c8673
```
#3c8673 rgb(60,134,115)
```
#42937e
```
#42937e rgb(66,147,126)
```
#48a18a
```
#48a18a rgb(72,161,138)
```
#4eaf96
```
#4eaf96 rgb(78,175,150)
```

Shade Color Variation

#5bb69e
```
#5bb69e rgb(91,182,158)
```
#68bca6
```
#68bca6 rgb(104,188,166)
```
#76c2ae
```
#76c2ae rgb(118,194,174)
```
#83c8b6
```
#83c8b6 rgb(131,200,182)
```
#91cebe
```
#91cebe rgb(145,206,190)
```
#9ed4c6
```
#9ed4c6 rgb(158,212,198)
```
#acdace
```
#acdace rgb(172,218,206)
```
#bae0d6
```
#bae0d6 rgb(186,224,214)
```
#c7e6de
```
#c7e6de rgb(199,230,222)
```
#d5ece6
```
#d5ece6 rgb(213,236,230)
```
#e2f2ee
```
#e2f2ee rgb(226,242,238)
```
#f0f8f6
```
#f0f8f6 rgb(240,248,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7d79 is the less saturated color, while #00e9ad is the most saturated one.

#6c7d79
```
#6c7d79 rgb(108,125,121)
```
#63867d
```
#63867d rgb(99,134,125)
```
#5a8f81
```
#5a8f81 rgb(90,143,129)
```
#519886
```
#519886 rgb(81,152,134)
```
#48a18a
```
#48a18a rgb(72,161,138)
```
#3faa8e
```
#3faa8e rgb(63,170,142)
```
#36b393
```
#36b393 rgb(54,179,147)
```
#2dbc97
```
#2dbc97 rgb(45,188,151)
```
#24c59b
```
#24c59b rgb(36,197,155)
```
#1bcea0
```
#1bcea0 rgb(27,206,160)
```
#12d7a4
```
#12d7a4 rgb(18,215,164)
```
#09e0a8
```
#09e0a8 rgb(9,224,168)
```
#00e9ad
```
#00e9ad rgb(0,233,173)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#788a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9788 Protanopia 1% of men
#a59396 Deuteranopia 1% of men
#5da1ad Tritanopia 0.001% of the population

Trichromacy

#7e9a89 Protanomaly 1% of men, 0.01% of women
#839892 Deuteranomaly 6% of men, 0.4% of women
#55a1a0 Tritanomaly 0.01% of the population

#48a18a hex color

#48a18a Color Information

#48a18a Color Conversion

Color Schemes with #48a18a

Alternatives to #48a18a

#48a18a Preview

Shades and Tints of #48a18a

Tones of #48a18a

Color Blindness Simulator