#48ed9f hex color

In a RGB color space, hex #48ed9f is composed of 28.2% red, 92.9% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 0% magenta, 32.9% yellow and 7.1% black. It has a hue angle of 151.6 degrees, a saturation of 82.1% and a lightness of 60.6%. #48ed9f color hex could be obtained by blending #90ffff with #00db3f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 93
- B 62
RGB color chart
- C 70
- M 0
- Y 33
- K 7
CMYK color chart

● #48ed9f color description : Soft cyan - lime green.

The hexadecimal color #48ed9f has RGB values of R:72, G:237, B:159 and CMYK values of C:0.7, M:0, Y:0.33, K:0.07. Its decimal value is 4779423.

Hex triplet	48ed9f	`#48ed9f`
RGB Decimal	72, 237, 159	`rgb(72,237,159)`
RGB Percent	28.2, 92.9, 62.4	`rgb(28.2%,92.9%,62.4%)`
CMYK	70, 0, 33, 7
HSL	151.6°, 82.1, 60.6	`hsl(151.6,82.1%,60.6%)`
HSV (or HSB)	151.6°, 69.6, 92.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.197, -59.668, 25.824
XYZ	39.212, 64.446, 43.172
xyY	0.267, 0.439, 64.446
CIE-LCH	84.197, 65.016, 156.597
CIE-LUV	84.197, -65.344, 46.52
Hunter-Lab	80.278, -53.298, 24.31
Binary	01001000, 11101101, 10011111

#48ed9f
```
#48ed9f rgb(72,237,159)
```
#ed4896
```
#ed4896 rgb(237,72,150)
```

Complementary Color

#48ed4d
```
#48ed4d rgb(72,237,77)
```
#48ed9f
```
#48ed9f rgb(72,237,159)
```
#48e9ed
```
#48e9ed rgb(72,233,237)
```

Analogous Color

#ed4d48
```
#ed4d48 rgb(237,77,72)
```
#48ed9f
```
#48ed9f rgb(72,237,159)
```
#ed48e9
```
#ed48e9 rgb(237,72,233)
```

Split Complementary Color

#ed9f48
```
#ed9f48 rgb(237,159,72)
```
#48ed9f
```
#48ed9f rgb(72,237,159)
```
#9f48ed
```
#9f48ed rgb(159,72,237)
```

Triadic Color

#96ed48
```
#96ed48 rgb(150,237,72)
```
#48ed9f
```
#48ed9f rgb(72,237,159)
```
#9f48ed
```
#9f48ed rgb(159,72,237)
```
#ed4896
```
#ed4896 rgb(237,72,150)
```

Tetradic Color

#15d479
```
#15d479 rgb(21,212,121)
```
#1ae887
```
#1ae887 rgb(26,232,135)
```
#31eb93
```
#31eb93 rgb(49,235,147)
```
#48ed9f
```
#48ed9f rgb(72,237,159)
```
#5fefab
```
#5fefab rgb(95,239,171)
```
#76f2b7
```
#76f2b7 rgb(118,242,183)
```
#8ef4c4
```
#8ef4c4 rgb(142,244,196)
```

Monochromatic Color

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

#48ed76
```
#48ed76 rgb(72,237,118)
```
#48ed84
```
#48ed84 rgb(72,237,132)
```
#48ed91
```
#48ed91 rgb(72,237,145)
```
#48ed9f
```
#48ed9f rgb(72,237,159)
```
#48edad
```
#48edad rgb(72,237,173)
```
#48edbb
```
#48edbb rgb(72,237,187)
```
#48edc8
```
#48edc8 rgb(72,237,200)
```

Similar Colors

Text with hexadecimal color #48ed9f

This text has a font color of #48ed9f.

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

#48ed9f background color

This paragraph has a background color of #48ed9f.

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

#48ed9f border color

This element has a border color of #48ed9f.

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

CSS codes

.text {color:#48ed9f;}

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

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

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, #010d08 is the darkest color, while #fbfffd is the lightest one.

#010d08
```
#010d08 rgb(1,13,8)
```
#031f12
```
#031f12 rgb(3,31,18)
```
#05311c
```
#05311c rgb(5,49,28)
```
#074326
```
#074326 rgb(7,67,38)
```
#085531
```
#085531 rgb(8,85,49)
```
#0a673b
```
#0a673b rgb(10,103,59)
```
#0c7945
```
#0c7945 rgb(12,121,69)
```
#0e8a4f
```
#0e8a4f rgb(14,138,79)
```
#0f9c5a
```
#0f9c5a rgb(15,156,90)
```
#11ae64
```
#11ae64 rgb(17,174,100)
```
#13c06e
```
#13c06e rgb(19,192,110)
```
#15d278
```
#15d278 rgb(21,210,120)
```
#16e483
```
#16e483 rgb(22,228,131)
```

Shade Color Variation

#24e98c
```
#24e98c rgb(36,233,140)
```
#36eb96
```
#36eb96 rgb(54,235,150)
```
#48ed9f
```
#48ed9f rgb(72,237,159)
```
#5aefa8
```
#5aefa8 rgb(90,239,168)
```
#6cf1b2
```
#6cf1b2 rgb(108,241,178)
```
#7ef2bb
```
#7ef2bb rgb(126,242,187)
```
#8ff4c4
```
#8ff4c4 rgb(143,244,196)
```
#a1f6ce
```
#a1f6ce rgb(161,246,206)
```
#b3f8d7
```
#b3f8d7 rgb(179,248,215)
```
#c5f9e1
```
#c5f9e1 rgb(197,249,225)
```
#d7fbea
```
#d7fbea rgb(215,251,234)
```
#e9fdf3
```
#e9fdf3 rgb(233,253,243)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95a09b is the less saturated color, while #39fca0 is the most saturated one.

#95a09b
```
#95a09b rgb(149,160,155)
```
#8ea79b
```
#8ea79b rgb(142,167,155)
```
#86af9c
```
#86af9c rgb(134,175,156)
```
#7eb79c
```
#7eb79c rgb(126,183,156)
```
#76bf9c
```
#76bf9c rgb(118,191,156)
```
#6fc69d
```
#6fc69d rgb(111,198,157)
```
#67ce9d
```
#67ce9d rgb(103,206,157)
```
#5fd69e
```
#5fd69e rgb(95,214,158)
```
#57de9e
```
#57de9e rgb(87,222,158)
```
#50e59f
```
#50e59f rgb(80,229,159)
```
#48ed9f
```
#48ed9f rgb(72,237,159)
```
#40f59f
```
#40f59f rgb(64,245,159)
```
#39fca0
```
#39fca0 rgb(57,252,160)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9ebfaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d499 Protanopia 1% of men
#f5ccaf Deuteranopia 1% of men
#77e3f4 Tritanopia 0.001% of the population

Trichromacy

#abdd9b Protanomaly 1% of men, 0.01% of women
#b6d8a9 Deuteranomaly 6% of men, 0.4% of women
#66e7d5 Tritanomaly 0.01% of the population

#48ed9f hex color

#48ed9f Color Information

#48ed9f Color Conversion

Color Schemes with #48ed9f

Alternatives to #48ed9f

#48ed9f Preview

Shades and Tints of #48ed9f

Tones of #48ed9f

Color Blindness Simulator