#48e4a6 hex color

In a RGB color space, hex #48e4a6 is composed of 28.2% red, 89.4% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 0% magenta, 27.2% yellow and 10.6% black. It has a hue angle of 156.2 degrees, a saturation of 74.3% and a lightness of 58.8%. #48e4a6 color hex could be obtained by blending #90ffff with #00c94d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 89
- B 65
RGB color chart
- C 68
- M 0
- Y 27
- K 11
CMYK color chart

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

The hexadecimal color #48e4a6 has RGB values of R:72, G:228, B:166 and CMYK values of C:0.68, M:0, Y:0.27, K:0.11. Its decimal value is 4777126.

Hex triplet	48e4a6	`#48e4a6`
RGB Decimal	72, 228, 166	`rgb(72,228,166)`
RGB Percent	28.2, 89.4, 65.1	`rgb(28.2%,89.4%,65.1%)`
CMYK	68, 0, 27, 11
HSL	156.2°, 74.3, 58.8	`hsl(156.2,74.3%,58.8%)`
HSV (or HSB)	156.2°, 68.4, 89.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	81.628, -54.757, 18.673
XYZ	37.296, 59.614, 45.615
xyY	0.262, 0.418, 59.614
CIE-LCH	81.628, 57.853, 161.17
CIE-LUV	81.628, -61.761, 35.935
Hunter-Lab	77.21, -48.895, 19.019
Binary	01001000, 11100100, 10100110

#48e4a6
```
#48e4a6 rgb(72,228,166)
```
#e44886
```
#e44886 rgb(228,72,134)
```

Complementary Color

#48e458
```
#48e458 rgb(72,228,88)
```
#48e4a6
```
#48e4a6 rgb(72,228,166)
```
#48d4e4
```
#48d4e4 rgb(72,212,228)
```

Analogous Color

#e45848
```
#e45848 rgb(228,88,72)
```
#48e4a6
```
#48e4a6 rgb(72,228,166)
```
#e448d4
```
#e448d4 rgb(228,72,212)
```

Split Complementary Color

#e4a648
```
#e4a648 rgb(228,166,72)
```
#48e4a6
```
#48e4a6 rgb(72,228,166)
```
#a648e4
```
#a648e4 rgb(166,72,228)
```

Triadic Color

#86e448
```
#86e448 rgb(134,228,72)
```
#48e4a6
```
#48e4a6 rgb(72,228,166)
```
#a648e4
```
#a648e4 rgb(166,72,228)
```
#e44886
```
#e44886 rgb(228,72,134)
```

Tetradic Color

#1dc381
```
#1dc381 rgb(29,195,129)
```
#20d98f
```
#20d98f rgb(32,217,143)
```
#32e19b
```
#32e19b rgb(50,225,155)
```
#48e4a6
```
#48e4a6 rgb(72,228,166)
```
#5ee7b1
```
#5ee7b1 rgb(94,231,177)
```
#74ebbc
```
#74ebbc rgb(116,235,188)
```
#8beec6
```
#8beec6 rgb(139,238,198)
```

Monochromatic Color

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

#48e47f
```
#48e47f rgb(72,228,127)
```
#48e48c
```
#48e48c rgb(72,228,140)
```
#48e499
```
#48e499 rgb(72,228,153)
```
#48e4a6
```
#48e4a6 rgb(72,228,166)
```
#48e4b3
```
#48e4b3 rgb(72,228,179)
```
#48e4c0
```
#48e4c0 rgb(72,228,192)
```
#48e4cd
```
#48e4cd rgb(72,228,205)
```

Similar Colors

Text with hexadecimal color #48e4a6

This text has a font color of #48e4a6.

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

#48e4a6 background color

This paragraph has a background color of #48e4a6.

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

#48e4a6 border color

This element has a border color of #48e4a6.

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

CSS codes

.text {color:#48e4a6;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#03160f
```
#03160f rgb(3,22,15)
```
#06271a
```
#06271a rgb(6,39,26)
```
#083825
```
#083825 rgb(8,56,37)
```
#0b4931
```
#0b4931 rgb(11,73,49)
```
#0d5a3c
```
#0d5a3c rgb(13,90,60)
```
#106c47
```
#106c47 rgb(16,108,71)
```
#127d52
```
#127d52 rgb(18,125,82)
```
#158e5e
```
#158e5e rgb(21,142,94)
```
#179f69
```
#179f69 rgb(23,159,105)
```
#1ab074
```
#1ab074 rgb(26,176,116)
```
#1cc180
```
#1cc180 rgb(28,193,128)
```
#1fd28b
```
#1fd28b rgb(31,210,139)
```

Shade Color Variation

#26df95
```
#26df95 rgb(38,223,149)
```
#37e19e
```
#37e19e rgb(55,225,158)
```
#48e4a6
```
#48e4a6 rgb(72,228,166)
```
#59e7ae
```
#59e7ae rgb(89,231,174)
```
#6ae9b7
```
#6ae9b7 rgb(106,233,183)
```
#7becbf
```
#7becbf rgb(123,236,191)
```
#8ceec7
```
#8ceec7 rgb(140,238,199)
```
#9df1d0
```
#9df1d0 rgb(157,241,208)
```
#aff3d8
```
#aff3d8 rgb(175,243,216)
```
#c0f6e0
```
#c0f6e0 rgb(192,246,224)
```
#d1f8e9
```
#d1f8e9 rgb(209,248,233)
```
#e2fbf1
```
#e2fbf1 rgb(226,251,241)
```
#f3fdf9
```
#f3fdf9 rgb(243,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919b97 is the less saturated color, while #30fcab is the most saturated one.

#919b97
```
#919b97 rgb(145,155,151)
```
#89a399
```
#89a399 rgb(137,163,153)
```
#81ab9a
```
#81ab9a rgb(129,171,154)
```
#78b49c
```
#78b49c rgb(120,180,156)
```
#70bc9e
```
#70bc9e rgb(112,188,158)
```
#68c49f
```
#68c49f rgb(104,196,159)
```
#60cca1
```
#60cca1 rgb(96,204,161)
```
#58d4a3
```
#58d4a3 rgb(88,212,163)
```
#50dca4
```
#50dca4 rgb(80,220,164)
```
#48e4a6
```
#48e4a6 rgb(72,228,166)
```
#40eca8
```
#40eca8 rgb(64,236,168)
```
#38f4a9
```
#38f4a9 rgb(56,244,169)
```
#30fcab
```
#30fcab rgb(48,252,171)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9ab9ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbcda0 Protanopia 1% of men
#e9c6b5 Deuteranopia 1% of men
#71dcec Tritanopia 0.001% of the population

Trichromacy

#a5d5a2 Protanomaly 1% of men, 0.01% of women
#aed1af Deuteranomaly 6% of men, 0.4% of women
#62dfd2 Tritanomaly 0.01% of the population

#48e4a6 hex color

#48e4a6 Color Information

#48e4a6 Color Conversion

Color Schemes with #48e4a6

Alternatives to #48e4a6

#48e4a6 Preview

Shades and Tints of #48e4a6

Tones of #48e4a6

Color Blindness Simulator