#48e486 hex color

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

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

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

The hexadecimal color #48e486 has RGB values of R:72, G:228, B:134 and CMYK values of C:0.68, M:0, Y:0.41, K:0.11. Its decimal value is 4777094.

Hex triplet	48e486	`#48e486`
RGB Decimal	72, 228, 134	`rgb(72,228,134)`
RGB Percent	28.2, 89.4, 52.5	`rgb(28.2%,89.4%,52.5%)`
CMYK	68, 0, 41, 11
HSL	143.8°, 74.3, 58.8	`hsl(143.8,74.3%,58.8%)`
HSV (or HSB)	143.8°, 68.4, 89.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	81.062, -60.956, 34.333
XYZ	34.717, 58.583, 32.031
xyY	0.277, 0.467, 58.583
CIE-LCH	81.062, 69.96, 150.61
CIE-LUV	81.062, -63.53, 56.821
Hunter-Lab	76.539, -52.98, 28.765
Binary	01001000, 11100100, 10000110

#48e486
```
#48e486 rgb(72,228,134)
```
#e448a6
```
#e448a6 rgb(228,72,166)
```

Complementary Color

#58e448
```
#58e448 rgb(88,228,72)
```
#48e486
```
#48e486 rgb(72,228,134)
```
#48e4d4
```
#48e4d4 rgb(72,228,212)
```

Analogous Color

#e44858
```
#e44858 rgb(228,72,88)
```
#48e486
```
#48e486 rgb(72,228,134)
```
#d448e4
```
#d448e4 rgb(212,72,228)
```

Split Complementary Color

#e48648
```
#e48648 rgb(228,134,72)
```
#48e486
```
#48e486 rgb(72,228,134)
```
#8648e4
```
#8648e4 rgb(134,72,228)
```

Triadic Color

#a6e448
```
#a6e448 rgb(166,228,72)
```
#48e486
```
#48e486 rgb(72,228,134)
```
#8648e4
```
#8648e4 rgb(134,72,228)
```
#e448a6
```
#e448a6 rgb(228,72,166)
```

Tetradic Color

#1dc35f
```
#1dc35f rgb(29,195,95)
```
#20d96a
```
#20d96a rgb(32,217,106)
```
#32e177
```
#32e177 rgb(50,225,119)
```
#48e486
```
#48e486 rgb(72,228,134)
```
#5ee795
```
#5ee795 rgb(94,231,149)
```
#74eba3
```
#74eba3 rgb(116,235,163)
```
#8beeb2
```
#8beeb2 rgb(139,238,178)
```

Monochromatic Color

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

#48e45f
```
#48e45f rgb(72,228,95)
```
#48e46c
```
#48e46c rgb(72,228,108)
```
#48e479
```
#48e479 rgb(72,228,121)
```
#48e486
```
#48e486 rgb(72,228,134)
```
#48e493
```
#48e493 rgb(72,228,147)
```
#48e4a0
```
#48e4a0 rgb(72,228,160)
```
#48e4ad
```
#48e4ad rgb(72,228,173)
```

Similar Colors

Text with hexadecimal color #48e486

This text has a font color of #48e486.

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

#48e486 background color

This paragraph has a background color of #48e486.

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

#48e486 border color

This element has a border color of #48e486.

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

CSS codes

.text {color:#48e486;}

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

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

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

#010502
```
#010502 rgb(1,5,2)
```
#03160b
```
#03160b rgb(3,22,11)
```
#062713
```
#062713 rgb(6,39,19)
```
#08381b
```
#08381b rgb(8,56,27)
```
#0b4924
```
#0b4924 rgb(11,73,36)
```
#0d5a2c
```
#0d5a2c rgb(13,90,44)
```
#106c34
```
#106c34 rgb(16,108,52)
```
#127d3d
```
#127d3d rgb(18,125,61)
```
#158e45
```
#158e45 rgb(21,142,69)
```
#179f4d
```
#179f4d rgb(23,159,77)
```
#1ab056
```
#1ab056 rgb(26,176,86)
```
#1cc15e
```
#1cc15e rgb(28,193,94)
```
#1fd266
```
#1fd266 rgb(31,210,102)
```

Shade Color Variation

#26df6f
```
#26df6f rgb(38,223,111)
```
#37e17b
```
#37e17b rgb(55,225,123)
```
#48e486
```
#48e486 rgb(72,228,134)
```
#59e791
```
#59e791 rgb(89,231,145)
```
#6ae99d
```
#6ae99d rgb(106,233,157)
```
#7beca8
```
#7beca8 rgb(123,236,168)
```
#8ceeb3
```
#8ceeb3 rgb(140,238,179)
```
#9df1bf
```
#9df1bf rgb(157,241,191)
```
#aff3ca
```
#aff3ca rgb(175,243,202)
```
#c0f6d5
```
#c0f6d5 rgb(192,246,213)
```
#d1f8e0
```
#d1f8e0 rgb(209,248,224)
```
#e2fbec
```
#e2fbec rgb(226,251,236)
```
#f3fdf7
```
#f3fdf7 rgb(243,253,247)
```

Tint Color Variation

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

#919b95
```
#919b95 rgb(145,155,149)
```
#89a393
```
#89a393 rgb(137,163,147)
```
#81ab92
```
#81ab92 rgb(129,171,146)
```
#78b490
```
#78b490 rgb(120,180,144)
```
#70bc8e
```
#70bc8e rgb(112,188,142)
```
#68c48d
```
#68c48d rgb(104,196,141)
```
#60cc8b
```
#60cc8b rgb(96,204,139)
```
#58d489
```
#58d489 rgb(88,212,137)
```
#50dc88
```
#50dc88 rgb(80,220,136)
```
#48e486
```
#48e486 rgb(72,228,134)
```
#40ec84
```
#40ec84 rgb(64,236,132)
```
#38f483
```
#38f483 rgb(56,244,131)
```
#30fc81
```
#30fc81 rgb(48,252,129)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#97b6a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcc82 Protanopia 1% of men
#f0c497 Deuteranopia 1% of men
#78daea Tritanopia 0.001% of the population

Trichromacy

#a7d483 Protanomaly 1% of men, 0.01% of women
#b3cf91 Deuteranomaly 6% of men, 0.4% of women
#66ddc5 Tritanomaly 0.01% of the population

#48e486 hex color

#48e486 Color Information

#48e486 Color Conversion

Color Schemes with #48e486

Alternatives to #48e486

#48e486 Preview

Shades and Tints of #48e486

Tones of #48e486

Color Blindness Simulator