#48a081 hex color

In a RGB color space, hex #48a081 is composed of 28.2% red, 62.7% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 0% magenta, 19.4% yellow and 37.3% black. It has a hue angle of 158.9 degrees, a saturation of 37.9% and a lightness of 45.5%. #48a081 color hex could be obtained by blending #90ffff with #004103. Closest websafe color is: #339999.

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

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

The hexadecimal color #48a081 has RGB values of R:72, G:160, B:129 and CMYK values of C:0.55, M:0, Y:0.19, K:0.37. Its decimal value is 4759681.

Hex triplet	48a081	`#48a081`
RGB Decimal	72, 160, 129	`rgb(72,160,129)`
RGB Percent	28.2, 62.7, 50.6	`rgb(28.2%,62.7%,50.6%)`
CMYK	55, 0, 19, 37
HSL	158.9°, 37.9, 45.5	`hsl(158.9,37.9%,45.5%)`
HSV (or HSB)	158.9°, 55, 62.7
Web Safe	339999	`#339999`

CIE-LAB	59.982, -34.109, 8.241
XYZ	19.204, 28.103, 25.18
xyY	0.265, 0.388, 28.103
CIE-LCH	59.982, 35.09, 166.417
CIE-LUV	59.982, -38.249, 16.809
Hunter-Lab	53.012, -28.107, 8.947
Binary	01001000, 10100000, 10000001

#48a081
```
#48a081 rgb(72,160,129)
```
#a04867
```
#a04867 rgb(160,72,103)
```

Complementary Color

#48a055
```
#48a055 rgb(72,160,85)
```
#48a081
```
#48a081 rgb(72,160,129)
```
#4893a0
```
#4893a0 rgb(72,147,160)
```

Analogous Color

#a05548
```
#a05548 rgb(160,85,72)
```
#48a081
```
#48a081 rgb(72,160,129)
```
#a04893
```
#a04893 rgb(160,72,147)
```

Split Complementary Color

#a08148
```
#a08148 rgb(160,129,72)
```
#48a081
```
#48a081 rgb(72,160,129)
```
#8148a0
```
#8148a0 rgb(129,72,160)
```

Triadic Color

#67a048
```
#67a048 rgb(103,160,72)
```
#48a081
```
#48a081 rgb(72,160,129)
```
#8148a0
```
#8148a0 rgb(129,72,160)
```
#a04867
```
#a04867 rgb(160,72,103)
```

Tetradic Color

#306b56
```
#306b56 rgb(48,107,86)
```
#387d65
```
#387d65 rgb(56,125,101)
```
#408e73
```
#408e73 rgb(64,142,115)
```
#48a081
```
#48a081 rgb(72,160,129)
```
#51b18f
```
#51b18f rgb(81,177,143)
```
#62b99a
```
#62b99a rgb(98,185,154)
```
#74c0a6
```
#74c0a6 rgb(116,192,166)
```

Monochromatic Color

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

#48a06b
```
#48a06b rgb(72,160,107)
```
#48a072
```
#48a072 rgb(72,160,114)
```
#48a07a
```
#48a07a rgb(72,160,122)
```
#48a081
```
#48a081 rgb(72,160,129)
```
#48a088
```
#48a088 rgb(72,160,136)
```
#48a090
```
#48a090 rgb(72,160,144)
```
#48a097
```
#48a097 rgb(72,160,151)
```

Similar Colors

Text with hexadecimal color #48a081

This text has a font color of #48a081.

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

#48a081 background color

This paragraph has a background color of #48a081.

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

#48a081 border color

This element has a border color of #48a081.

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

CSS codes

.text {color:#48a081;}

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

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

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

#050b09
```
#050b09 rgb(5,11,9)
```
#0b1914
```
#0b1914 rgb(11,25,20)
```
#11261f
```
#11261f rgb(17,38,31)
```
#17342a
```
#17342a rgb(23,52,42)
```
#1d4135
```
#1d4135 rgb(29,65,53)
```
#234f40
```
#234f40 rgb(35,79,64)
```
#2a5c4a
```
#2a5c4a rgb(42,92,74)
```
#306a55
```
#306a55 rgb(48,106,85)
```
#367760
```
#367760 rgb(54,119,96)
```
#3c856b
```
#3c856b rgb(60,133,107)
```
#429276
```
#429276 rgb(66,146,118)
```
#48a081
```
#48a081 rgb(72,160,129)
```
#4eae8c
```
#4eae8c rgb(78,174,140)
```

Shade Color Variation

#5ab595
```
#5ab595 rgb(90,181,149)
```
#68bb9e
```
#68bb9e rgb(104,187,158)
```
#75c1a6
```
#75c1a6 rgb(117,193,166)
```
#83c7af
```
#83c7af rgb(131,199,175)
```
#90cdb8
```
#90cdb8 rgb(144,205,184)
```
#9ed3c1
```
#9ed3c1 rgb(158,211,193)
```
#abd9c9
```
#abd9c9 rgb(171,217,201)
```
#b9e0d2
```
#b9e0d2 rgb(185,224,210)
```
#c7e6db
```
#c7e6db rgb(199,230,219)
```
#d4ece3
```
#d4ece3 rgb(212,236,227)
```
#e2f2ec
```
#e2f2ec rgb(226,242,236)
```
#eff8f5
```
#eff8f5 rgb(239,248,245)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#6c7c76
```
#6c7c76 rgb(108,124,118)
```
#638579
```
#638579 rgb(99,133,121)
```
#5a8e7c
```
#5a8e7c rgb(90,142,124)
```
#51977e
```
#51977e rgb(81,151,126)
```
#48a081
```
#48a081 rgb(72,160,129)
```
#3fa984
```
#3fa984 rgb(63,169,132)
```
#36b286
```
#36b286 rgb(54,178,134)
```
#2dbb89
```
#2dbb89 rgb(45,187,137)
```
#24c48c
```
#24c48c rgb(36,196,140)
```
#1bcd8e
```
#1bcd8e rgb(27,205,142)
```
#12d691
```
#12d691 rgb(18,214,145)
```
#0ade93
```
#0ade93 rgb(10,222,147)
```
#01e796
```
#01e796 rgb(1,231,150)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#768882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9580 Protanopia 1% of men
#a7918e Deuteranopia 1% of men
#5f9fab Tritanopia 0.001% of the population

Trichromacy

#7e9980 Protanomaly 1% of men, 0.01% of women
#849689 Deuteranomaly 6% of men, 0.4% of women
#569f9c Tritanomaly 0.01% of the population

#48a081 hex color

#48a081 Color Information

#48a081 Color Conversion

Color Schemes with #48a081

Alternatives to #48a081

#48a081 Preview

Shades and Tints of #48a081

Tones of #48a081

Color Blindness Simulator