#48ad8e hex color

In a RGB color space, hex #48ad8e is composed of 28.2% red, 67.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 0% magenta, 17.9% yellow and 32.2% black. It has a hue angle of 161.6 degrees, a saturation of 41.2% and a lightness of 48%. #48ad8e color hex could be obtained by blending #90ffff with #005b1d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 68
- B 56
RGB color chart
- C 58
- M 0
- Y 18
- K 32
CMYK color chart

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

The hexadecimal color #48ad8e has RGB values of R:72, G:173, B:142 and CMYK values of C:0.58, M:0, Y:0.18, K:0.32. Its decimal value is 4763022.

Hex triplet	48ad8e	`#48ad8e`
RGB Decimal	72, 173, 142	`rgb(72,173,142)`
RGB Percent	28.2, 67.8, 55.7	`rgb(28.2%,67.8%,55.7%)`
CMYK	58, 0, 18, 32
HSL	161.6°, 41.2, 48	`hsl(161.6,41.2%,48%)`
HSV (or HSB)	161.6°, 58.4, 67.8
Web Safe	339999	`#339999`

CIE-LAB	64.335, -36.985, 7.199
XYZ	22.497, 33.216, 30.815
xyY	0.26, 0.384, 33.216
CIE-LCH	64.335, 37.679, 168.985
CIE-LUV	64.335, -42.726, 16.051
Hunter-Lab	57.633, -31.182, 8.642
Binary	01001000, 10101101, 10001110

#48ad8e
```
#48ad8e rgb(72,173,142)
```
#ad4867
```
#ad4867 rgb(173,72,103)
```

Complementary Color

#48ad5c
```
#48ad5c rgb(72,173,92)
```
#48ad8e
```
#48ad8e rgb(72,173,142)
```
#489aad
```
#489aad rgb(72,154,173)
```

Analogous Color

#ad5c48
```
#ad5c48 rgb(173,92,72)
```
#48ad8e
```
#48ad8e rgb(72,173,142)
```
#ad489a
```
#ad489a rgb(173,72,154)
```

Split Complementary Color

#ad8e48
```
#ad8e48 rgb(173,142,72)
```
#48ad8e
```
#48ad8e rgb(72,173,142)
```
#8e48ad
```
#8e48ad rgb(142,72,173)
```

Triadic Color

#67ad48
```
#67ad48 rgb(103,173,72)
```
#48ad8e
```
#48ad8e rgb(72,173,142)
```
#8e48ad
```
#8e48ad rgb(142,72,173)
```
#ad4867
```
#ad4867 rgb(173,72,103)
```

Tetradic Color

#327762
```
#327762 rgb(50,119,98)
```
#398970
```
#398970 rgb(57,137,112)
```
#419b7f
```
#419b7f rgb(65,155,127)
```
#48ad8e
```
#48ad8e rgb(72,173,142)
```
#56b99a
```
#56b99a rgb(86,185,154)
```
#68c0a5
```
#68c0a5 rgb(104,192,165)
```
#7ac8b0
```
#7ac8b0 rgb(122,200,176)
```

Monochromatic Color

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

#48ad75
```
#48ad75 rgb(72,173,117)
```
#48ad7d
```
#48ad7d rgb(72,173,125)
```
#48ad86
```
#48ad86 rgb(72,173,134)
```
#48ad8e
```
#48ad8e rgb(72,173,142)
```
#48ad96
```
#48ad96 rgb(72,173,150)
```
#48ad9f
```
#48ad9f rgb(72,173,159)
```
#48ada7
```
#48ada7 rgb(72,173,167)
```

Similar Colors

Text with hexadecimal color #48ad8e

This text has a font color of #48ad8e.

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

#48ad8e background color

This paragraph has a background color of #48ad8e.

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

#48ad8e border color

This element has a border color of #48ad8e.

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

CSS codes

.text {color:#48ad8e;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#091511
```
#091511 rgb(9,21,17)
```
#0e221c
```
#0e221c rgb(14,34,28)
```
#143028
```
#143028 rgb(20,48,40)
```
#1a3e33
```
#1a3e33 rgb(26,62,51)
```
#204c3e
```
#204c3e rgb(32,76,62)
```
#255a4a
```
#255a4a rgb(37,90,74)
```
#2b6855
```
#2b6855 rgb(43,104,85)
```
#317661
```
#317661 rgb(49,118,97)
```
#37836c
```
#37836c rgb(55,131,108)
```
#3c9177
```
#3c9177 rgb(60,145,119)
```
#429f83
```
#429f83 rgb(66,159,131)
```
#48ad8e
```
#48ad8e rgb(72,173,142)
```

Shade Color Variation

#52b798
```
#52b798 rgb(82,183,152)
```
#60bda0
```
#60bda0 rgb(96,189,160)
```
#6dc2a8
```
#6dc2a8 rgb(109,194,168)
```
#7bc8b1
```
#7bc8b1 rgb(123,200,177)
```
#89ceb9
```
#89ceb9 rgb(137,206,185)
```
#97d4c1
```
#97d4c1 rgb(151,212,193)
```
#a5d9c9
```
#a5d9c9 rgb(165,217,201)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#c1e5da
```
#c1e5da rgb(193,229,218)
```
#ceebe2
```
#ceebe2 rgb(206,235,226)
```
#dcf1ea
```
#dcf1ea rgb(220,241,234)
```
#eaf6f3
```
#eaf6f3 rgb(234,246,243)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777e7c is the less saturated color, while #06efa7 is the most saturated one.

#777e7c
```
#777e7c rgb(119,126,124)
```
#6e877f
```
#6e877f rgb(110,135,127)
```
#649183
```
#649183 rgb(100,145,131)
```
#5b9a87
```
#5b9a87 rgb(91,154,135)
```
#51a48a
```
#51a48a rgb(81,164,138)
```
#48ad8e
```
#48ad8e rgb(72,173,142)
```
#3fb692
```
#3fb692 rgb(63,182,146)
```
#35c095
```
#35c095 rgb(53,192,149)
```
#2cc999
```
#2cc999 rgb(44,201,153)
```
#22d39d
```
#22d39d rgb(34,211,157)
```
#19dca0
```
#19dca0 rgb(25,220,160)
```
#0fe6a4
```
#0fe6a4 rgb(15,230,164)
```
#06efa7
```
#06efa7 rgb(6,239,167)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7e928c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a08b Protanopia 1% of men
#b29c9b Deuteranopia 1% of men
#60acb8 Tritanopia 0.001% of the population

Trichromacy

#85a58c Protanomaly 1% of men, 0.01% of women
#8ba296 Deuteranomaly 6% of men, 0.4% of women
#57aca9 Tritanomaly 0.01% of the population

#48ad8e hex color

#48ad8e Color Information

#48ad8e Color Conversion

Color Schemes with #48ad8e

Alternatives to #48ad8e

#48ad8e Preview

Shades and Tints of #48ad8e

Tones of #48ad8e

Color Blindness Simulator