#48c89f hex color

In a RGB color space, hex #48c89f is composed of 28.2% red, 78.4% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 0% magenta, 20.5% yellow and 21.6% black. It has a hue angle of 160.8 degrees, a saturation of 53.8% and a lightness of 53.3%. #48c89f color hex could be obtained by blending #90ffff with #00913f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 78
- B 62
RGB color chart
- C 64
- M 0
- Y 21
- K 22
CMYK color chart

● #48c89f color description : Moderate cyan - lime green.

The hexadecimal color #48c89f has RGB values of R:72, G:200, B:159 and CMYK values of C:0.64, M:0, Y:0.21, K:0.22. Its decimal value is 4769951.

Hex triplet	48c89f	`#48c89f`
RGB Decimal	72, 200, 159	`rgb(72,200,159)`
RGB Percent	28.2, 78.4, 62.4	`rgb(28.2%,78.4%,62.4%)`
CMYK	64, 0, 21, 22
HSL	160.8°, 53.8, 53.3	`hsl(160.8,53.8%,53.3%)`
HSV (or HSB)	160.8°, 64, 78.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.015, -44.839, 10.28
XYZ	29.582, 45.187, 39.962
xyY	0.258, 0.394, 45.187
CIE-LCH	73.015, 46.002, 167.088
CIE-LUV	73.015, -52.019, 22.076
Hunter-Lab	67.221, -39.083, 11.808
Binary	01001000, 11001000, 10011111

#48c89f
```
#48c89f rgb(72,200,159)
```
#c84871
```
#c84871 rgb(200,72,113)
```

Complementary Color

#48c85f
```
#48c85f rgb(72,200,95)
```
#48c89f
```
#48c89f rgb(72,200,159)
```
#48b1c8
```
#48b1c8 rgb(72,177,200)
```

Analogous Color

#c85f48
```
#c85f48 rgb(200,95,72)
```
#48c89f
```
#48c89f rgb(72,200,159)
```
#c848b1
```
#c848b1 rgb(200,72,177)
```

Split Complementary Color

#c89f48
```
#c89f48 rgb(200,159,72)
```
#48c89f
```
#48c89f rgb(72,200,159)
```
#9f48c8
```
#9f48c8 rgb(159,72,200)
```

Triadic Color

#71c848
```
#71c848 rgb(113,200,72)
```
#48c89f
```
#48c89f rgb(72,200,159)
```
#9f48c8
```
#9f48c8 rgb(159,72,200)
```
#c84871
```
#c84871 rgb(200,72,113)
```

Tetradic Color

#2d9675
```
#2d9675 rgb(45,150,117)
```
#33aa84
```
#33aa84 rgb(51,170,132)
```
#39be93
```
#39be93 rgb(57,190,147)
```
#48c89f
```
#48c89f rgb(72,200,159)
```
#5ccea9
```
#5ccea9 rgb(92,206,169)
```
#6fd4b4
```
#6fd4b4 rgb(111,212,180)
```
#83dabe
```
#83dabe rgb(131,218,190)
```

Monochromatic Color

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

#48c87f
```
#48c87f rgb(72,200,127)
```
#48c88a
```
#48c88a rgb(72,200,138)
```
#48c894
```
#48c894 rgb(72,200,148)
```
#48c89f
```
#48c89f rgb(72,200,159)
```
#48c8aa
```
#48c8aa rgb(72,200,170)
```
#48c8b4
```
#48c8b4 rgb(72,200,180)
```
#48c8bf
```
#48c8bf rgb(72,200,191)
```

Similar Colors

Text with hexadecimal color #48c89f

This text has a font color of #48c89f.

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

#48c89f background color

This paragraph has a background color of #48c89f.

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

#48c89f border color

This element has a border color of #48c89f.

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

CSS codes

.text {color:#48c89f;}

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

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

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

#040d0a
```
#040d0a rgb(4,13,10)
```
#081c16
```
#081c16 rgb(8,28,22)
```
#0d2b22
```
#0d2b22 rgb(13,43,34)
```
#123a2d
```
#123a2d rgb(18,58,45)
```
#164939
```
#164939 rgb(22,73,57)
```
#1b5845
```
#1b5845 rgb(27,88,69)
```
#1f6850
```
#1f6850 rgb(31,104,80)
```
#24775c
```
#24775c rgb(36,119,92)
```
#288668
```
#288668 rgb(40,134,104)
```
#2d9573
```
#2d9573 rgb(45,149,115)
```
#31a47f
```
#31a47f rgb(49,164,127)
```
#36b38b
```
#36b38b rgb(54,179,139)
```
#3ac297
```
#3ac297 rgb(58,194,151)
```

Shade Color Variation

#48c89f
```
#48c89f rgb(72,200,159)
```
#57cda7
```
#57cda7 rgb(87,205,167)
```
#66d1af
```
#66d1af rgb(102,209,175)
```
#75d6b7
```
#75d6b7 rgb(117,214,183)
```
#84dabf
```
#84dabf rgb(132,218,191)
```
#93dfc7
```
#93dfc7 rgb(147,223,199)
```
#a2e3ce
```
#a2e3ce rgb(162,227,206)
```
#b2e8d6
```
#b2e8d6 rgb(178,232,214)
```
#c1ecde
```
#c1ecde rgb(193,236,222)
```
#d0f1e6
```
#d0f1e6 rgb(208,241,230)
```
#dff5ee
```
#dff5ee rgb(223,245,238)
```
#eefaf6
```
#eefaf6 rgb(238,250,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f918b is the less saturated color, while #11ffb3 is the most saturated one.

#7f918b
```
#7f918b rgb(127,145,139)
```
#769a8f
```
#769a8f rgb(118,154,143)
```
#6da392
```
#6da392 rgb(109,163,146)
```
#63ad95
```
#63ad95 rgb(99,173,149)
```
#5ab698
```
#5ab698 rgb(90,182,152)
```
#51bf9c
```
#51bf9c rgb(81,191,156)
```
#48c89f
```
#48c89f rgb(72,200,159)
```
#3fd1a2
```
#3fd1a2 rgb(63,209,162)
```
#36daa6
```
#36daa6 rgb(54,218,166)
```
#2de3a9
```
#2de3a9 rgb(45,227,169)
```
#23edac
```
#23edac rgb(35,237,172)
```
#1af6af
```
#1af6af rgb(26,246,175)
```
#11ffb3
```
#11ffb3 rgb(17,255,179)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ca69d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b69a Protanopia 1% of men
#ccb1ac Deuteranopia 1% of men
#67c4d2 Tritanopia 0.001% of the population

Trichromacy

#94bc9c Protanomaly 1% of men, 0.01% of women
#9cb9a7 Deuteranomaly 6% of men, 0.4% of women
#5cc5bf Tritanomaly 0.01% of the population

#48c89f hex color

#48c89f Color Information

#48c89f Color Conversion

Color Schemes with #48c89f

Alternatives to #48c89f

#48c89f Preview

Shades and Tints of #48c89f

Tones of #48c89f

Color Blindness Simulator