#48e8a9 hex color

In a RGB color space, hex #48e8a9 is composed of 28.2% red, 91% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 0% magenta, 27.2% yellow and 9% black. It has a hue angle of 156.4 degrees, a saturation of 77.7% and a lightness of 59.6%. #48e8a9 color hex could be obtained by blending #90ffff with #00d153. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 91
- B 66
RGB color chart
- C 69
- M 0
- Y 27
- K 9
CMYK color chart

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

The hexadecimal color #48e8a9 has RGB values of R:72, G:232, B:169 and CMYK values of C:0.69, M:0, Y:0.27, K:0.09. Its decimal value is 4778153.

Hex triplet	48e8a9	`#48e8a9`
RGB Decimal	72, 232, 169	`rgb(72,232,169)`
RGB Percent	28.2, 91, 66.3	`rgb(28.2%,91%,66.3%)`
CMYK	69, 0, 27, 9
HSL	156.4°, 77.7, 59.6	`hsl(156.4,77.7%,59.6%)`
HSV (or HSB)	156.4°, 69, 91
Web Safe	33ff99	`#33ff99`

CIE-LAB	82.888, -55.69, 18.862
XYZ	38.688, 61.952, 47.453
xyY	0.261, 0.418, 61.952
CIE-LCH	82.888, 58.797, 161.289
CIE-LUV	82.888, -63, 36.453
Hunter-Lab	78.71, -50.005, 19.352
Binary	01001000, 11101000, 10101001

#48e8a9
```
#48e8a9 rgb(72,232,169)
```
#e84887
```
#e84887 rgb(232,72,135)
```

Complementary Color

#48e859
```
#48e859 rgb(72,232,89)
```
#48e8a9
```
#48e8a9 rgb(72,232,169)
```
#48d7e8
```
#48d7e8 rgb(72,215,232)
```

Analogous Color

#e85948
```
#e85948 rgb(232,89,72)
```
#48e8a9
```
#48e8a9 rgb(72,232,169)
```
#e848d7
```
#e848d7 rgb(232,72,215)
```

Split Complementary Color

#e8a948
```
#e8a948 rgb(232,169,72)
```
#48e8a9
```
#48e8a9 rgb(72,232,169)
```
#a948e8
```
#a948e8 rgb(169,72,232)
```

Triadic Color

#87e848
```
#87e848 rgb(135,232,72)
```
#48e8a9
```
#48e8a9 rgb(72,232,169)
```
#a948e8
```
#a948e8 rgb(169,72,232)
```
#e84887
```
#e84887 rgb(232,72,135)
```

Tetradic Color

#19ca85
```
#19ca85 rgb(25,202,133)
```
#1ce193
```
#1ce193 rgb(28,225,147)
```
#31e59e
```
#31e59e rgb(49,229,158)
```
#48e8a9
```
#48e8a9 rgb(72,232,169)
```
#5febb4
```
#5febb4 rgb(95,235,180)
```
#75eebe
```
#75eebe rgb(117,238,190)
```
#8cf1c9
```
#8cf1c9 rgb(140,241,201)
```

Monochromatic Color

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

#48e881
```
#48e881 rgb(72,232,129)
```
#48e88e
```
#48e88e rgb(72,232,142)
```
#48e89c
```
#48e89c rgb(72,232,156)
```
#48e8a9
```
#48e8a9 rgb(72,232,169)
```
#48e8b6
```
#48e8b6 rgb(72,232,182)
```
#48e8c4
```
#48e8c4 rgb(72,232,196)
```
#48e8d1
```
#48e8d1 rgb(72,232,209)
```

Similar Colors

Text with hexadecimal color #48e8a9

This text has a font color of #48e8a9.

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

#48e8a9 background color

This paragraph has a background color of #48e8a9.

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

#48e8a9 border color

This element has a border color of #48e8a9.

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

CSS codes

.text {color:#48e8a9;}

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

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

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

#010906
```
#010906 rgb(1,9,6)
```
#031a11
```
#031a11 rgb(3,26,17)
```
#052c1d
```
#052c1d rgb(5,44,29)
```
#083d28
```
#083d28 rgb(8,61,40)
```
#0a4e33
```
#0a4e33 rgb(10,78,51)
```
#0c603f
```
#0c603f rgb(12,96,63)
```
#0e714a
```
#0e714a rgb(14,113,74)
```
#108356
```
#108356 rgb(16,131,86)
```
#139461
```
#139461 rgb(19,148,97)
```
#15a66d
```
#15a66d rgb(21,166,109)
```
#17b778
```
#17b778 rgb(23,183,120)
```
#19c883
```
#19c883 rgb(25,200,131)
```
#1bda8f
```
#1bda8f rgb(27,218,143)
```

Shade Color Variation

#25e499
```
#25e499 rgb(37,228,153)
```
#37e6a1
```
#37e6a1 rgb(55,230,161)
```
#48e8a9
```
#48e8a9 rgb(72,232,169)
```
#59eab1
```
#59eab1 rgb(89,234,177)
```
#6becb9
```
#6becb9 rgb(107,236,185)
```
#7cefc2
```
#7cefc2 rgb(124,239,194)
```
#8ef1ca
```
#8ef1ca rgb(142,241,202)
```
#9ff3d2
```
#9ff3d2 rgb(159,243,210)
```
#b1f5da
```
#b1f5da rgb(177,245,218)
```
#c2f7e2
```
#c2f7e2 rgb(194,247,226)
```
#d3faeb
```
#d3faeb rgb(211,250,235)
```
#e5fcf3
```
#e5fcf3 rgb(229,252,243)
```
#f6fefb
```
#f6fefb rgb(246,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979998 is the less saturated color, while #38f8ac is the most saturated one.

#979998
```
#979998 rgb(151,153,152)
```
#8fa19a
```
#8fa19a rgb(143,161,154)
```
#87a99c
```
#87a99c rgb(135,169,156)
```
#7fb19d
```
#7fb19d rgb(127,177,157)
```
#78b89f
```
#78b89f rgb(120,184,159)
```
#70c0a1
```
#70c0a1 rgb(112,192,161)
```
#68c8a2
```
#68c8a2 rgb(104,200,162)
```
#60d0a4
```
#60d0a4 rgb(96,208,164)
```
#58d8a6
```
#58d8a6 rgb(88,216,166)
```
#50e0a7
```
#50e0a7 rgb(80,224,167)
```
#48e8a9
```
#48e8a9 rgb(72,232,169)
```
#40f0ab
```
#40f0ab rgb(64,240,171)
```
#38f8ac
```
#38f8ac rgb(56,248,172)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9cbcaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded0a2 Protanopia 1% of men
#edc9b8 Deuteranopia 1% of men
#73e0f0 Tritanopia 0.001% of the population

Trichromacy

#a7d9a4 Protanomaly 1% of men, 0.01% of women
#b1d4b2 Deuteranomaly 6% of men, 0.4% of women
#63e3d6 Tritanomaly 0.01% of the population

#48e8a9 hex color

#48e8a9 Color Information

#48e8a9 Color Conversion

Color Schemes with #48e8a9

Alternatives to #48e8a9

#48e8a9 Preview

Shades and Tints of #48e8a9

Tones of #48e8a9

Color Blindness Simulator