#48a18e hex color

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

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

● #48a18e color description : Dark moderate cyan.

The hexadecimal color #48a18e has RGB values of R:72, G:161, B:142 and CMYK values of C:0.55, M:0, Y:0.12, K:0.37. Its decimal value is 4759950.

Hex triplet	48a18e	`#48a18e`
RGB Decimal	72, 161, 142	`rgb(72,161,142)`
RGB Percent	28.2, 63.1, 55.7	`rgb(28.2%,63.1%,55.7%)`
CMYK	55, 0, 12, 37
HSL	167.2°, 38.2, 45.7	`hsl(167.2,38.2%,45.7%)`
HSV (or HSB)	167.2°, 55.3, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.621, -31.399, 1.845
XYZ	20.298, 28.819, 30.083
xyY	0.256, 0.364, 28.819
CIE-LCH	60.621, 31.453, 176.638
CIE-LUV	60.621, -38.038, 7.467
Hunter-Lab	53.683, -26.453, 4.354
Binary	01001000, 10100001, 10001110

#48a18e
```
#48a18e rgb(72,161,142)
```
#a1485b
```
#a1485b rgb(161,72,91)
```

Complementary Color

#48a162
```
#48a162 rgb(72,161,98)
```
#48a18e
```
#48a18e rgb(72,161,142)
```
#4888a1
```
#4888a1 rgb(72,136,161)
```

Analogous Color

#a16248
```
#a16248 rgb(161,98,72)
```
#48a18e
```
#48a18e rgb(72,161,142)
```
#a14888
```
#a14888 rgb(161,72,136)
```

Split Complementary Color

#a18e48
```
#a18e48 rgb(161,142,72)
```
#48a18e
```
#48a18e rgb(72,161,142)
```
#8e48a1
```
#8e48a1 rgb(142,72,161)
```

Triadic Color

#5ba148
```
#5ba148 rgb(91,161,72)
```
#48a18e
```
#48a18e rgb(72,161,142)
```
#8e48a1
```
#8e48a1 rgb(142,72,161)
```
#a1485b
```
#a1485b rgb(161,72,91)
```

Tetradic Color

#306c5f
```
#306c5f rgb(48,108,95)
```
#387e6f
```
#387e6f rgb(56,126,111)
```
#408f7e
```
#408f7e rgb(64,143,126)
```
#48a18e
```
#48a18e rgb(72,161,142)
```
#51b19d
```
#51b19d rgb(81,177,157)
```
#63b9a7
```
#63b9a7 rgb(99,185,167)
```
#74c1b1
```
#74c1b1 rgb(116,193,177)
```

Monochromatic Color

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

#48a178
```
#48a178 rgb(72,161,120)
```
#48a17f
```
#48a17f rgb(72,161,127)
```
#48a187
```
#48a187 rgb(72,161,135)
```
#48a18e
```
#48a18e rgb(72,161,142)
```
#48a195
```
#48a195 rgb(72,161,149)
```
#48a19d
```
#48a19d rgb(72,161,157)
```
#489ea1
```
#489ea1 rgb(72,158,161)
```

Similar Colors

Text with hexadecimal color #48a18e

This text has a font color of #48a18e.

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

#48a18e background color

This paragraph has a background color of #48a18e.

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

#48a18e border color

This element has a border color of #48a18e.

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

CSS codes

.text {color:#48a18e;}

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

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

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

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1916
```
#0b1916 rgb(11,25,22)
```
#112722
```
#112722 rgb(17,39,34)
```
#18352e
```
#18352e rgb(24,53,46)
```
#1e423a
```
#1e423a rgb(30,66,58)
```
#245046
```
#245046 rgb(36,80,70)
```
#2a5d52
```
#2a5d52 rgb(42,93,82)
```
#306b5e
```
#306b5e rgb(48,107,94)
```
#36786a
```
#36786a rgb(54,120,106)
```
#3c8676
```
#3c8676 rgb(60,134,118)
```
#429382
```
#429382 rgb(66,147,130)
```
#48a18e
```
#48a18e rgb(72,161,142)
```
#4eaf9a
```
#4eaf9a rgb(78,175,154)
```

Shade Color Variation

#5bb6a2
```
#5bb6a2 rgb(91,182,162)
```
#68bcaa
```
#68bcaa rgb(104,188,170)
```
#76c2b1
```
#76c2b1 rgb(118,194,177)
```
#83c8b9
```
#83c8b9 rgb(131,200,185)
```
#91cec1
```
#91cec1 rgb(145,206,193)
```
#9ed4c8
```
#9ed4c8 rgb(158,212,200)
```
#acdad0
```
#acdad0 rgb(172,218,208)
```
#bae0d8
```
#bae0d8 rgb(186,224,216)
```
#c7e6df
```
#c7e6df rgb(199,230,223)
```
#d5ece7
```
#d5ece7 rgb(213,236,231)
```
#e2f2ef
```
#e2f2ef rgb(226,242,239)
```
#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 #00e9b7 is the most saturated one.

#6c7d79
```
#6c7d79 rgb(108,125,121)
```
#63867f
```
#63867f rgb(99,134,127)
```
#5a8f84
```
#5a8f84 rgb(90,143,132)
```
#519889
```
#519889 rgb(81,152,137)
```
#48a18e
```
#48a18e rgb(72,161,142)
```
#3faa93
```
#3faa93 rgb(63,170,147)
```
#36b398
```
#36b398 rgb(54,179,152)
```
#2dbc9d
```
#2dbc9d rgb(45,188,157)
```
#24c5a3
```
#24c5a3 rgb(36,197,163)
```
#1bcea8
```
#1bcea8 rgb(27,206,168)
```
#12d7ad
```
#12d7ad rgb(18,215,173)
```
#09e0b2
```
#09e0b2 rgb(9,224,178)
```
#00e9b7
```
#00e9b7 rgb(0,233,183)
```

Tone Color Variation

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

Dichromacy

#9d978c Protanopia 1% of men
#a4939a Deuteranopia 1% of men
#5ca2ad Tritanopia 0.001% of the population

Trichromacy

#7e9a8d Protanomaly 1% of men, 0.01% of women
#829895 Deuteranomaly 6% of men, 0.4% of women
#54a1a2 Tritanomaly 0.01% of the population

#48a18e hex color

#48a18e Color Information

#48a18e Color Conversion

Color Schemes with #48a18e

Alternatives to #48a18e

#48a18e Preview

Shades and Tints of #48a18e

Tones of #48a18e

Color Blindness Simulator