#48e487 hex color

In a RGB color space, hex #48e487 is composed of 28.2% red, 89.4% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 0% magenta, 40.8% yellow and 10.6% black. It has a hue angle of 144.2 degrees, a saturation of 74.3% and a lightness of 58.8%. #48e487 color hex could be obtained by blending #90ffff with #00c90f. 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

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

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

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

CIE-LAB	81.077, -60.783, 33.851
XYZ	34.787, 58.611, 32.4
xyY	0.277, 0.466, 58.611
CIE-LCH	81.077, 69.573, 150.886
CIE-LUV	81.077, -63.479, 56.225
Hunter-Lab	76.558, -52.868, 28.498
Binary	01001000, 11100100, 10000111

#48e487
```
#48e487 rgb(72,228,135)
```
#e448a5
```
#e448a5 rgb(228,72,165)
```

Complementary Color

#57e448
```
#57e448 rgb(87,228,72)
```
#48e487
```
#48e487 rgb(72,228,135)
```
#48e4d5
```
#48e4d5 rgb(72,228,213)
```

Analogous Color

#e44857
```
#e44857 rgb(228,72,87)
```
#48e487
```
#48e487 rgb(72,228,135)
```
#d548e4
```
#d548e4 rgb(213,72,228)
```

Split Complementary Color

#e48748
```
#e48748 rgb(228,135,72)
```
#48e487
```
#48e487 rgb(72,228,135)
```
#8748e4
```
#8748e4 rgb(135,72,228)
```

Triadic Color

#a5e448
```
#a5e448 rgb(165,228,72)
```
#48e487
```
#48e487 rgb(72,228,135)
```
#8748e4
```
#8748e4 rgb(135,72,228)
```
#e448a5
```
#e448a5 rgb(228,72,165)
```

Tetradic Color

#1dc360
```
#1dc360 rgb(29,195,96)
```
#20d96b
```
#20d96b rgb(32,217,107)
```
#32e178
```
#32e178 rgb(50,225,120)
```
#48e487
```
#48e487 rgb(72,228,135)
```
#5ee796
```
#5ee796 rgb(94,231,150)
```
#74eba4
```
#74eba4 rgb(116,235,164)
```
#8beeb3
```
#8beeb3 rgb(139,238,179)
```

Monochromatic Color

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

#48e460
```
#48e460 rgb(72,228,96)
```
#48e46d
```
#48e46d rgb(72,228,109)
```
#48e47a
```
#48e47a rgb(72,228,122)
```
#48e487
```
#48e487 rgb(72,228,135)
```
#48e494
```
#48e494 rgb(72,228,148)
```
#48e4a1
```
#48e4a1 rgb(72,228,161)
```
#48e4ae
```
#48e4ae rgb(72,228,174)
```

Similar Colors

Text with hexadecimal color #48e487

This text has a font color of #48e487.

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

#48e487 background color

This paragraph has a background color of #48e487.

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

#48e487 border color

This element has a border color of #48e487.

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

CSS codes

.text {color:#48e487;}

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

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

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)
```
#08381c
```
#08381c rgb(8,56,28)
```
#0b4924
```
#0b4924 rgb(11,73,36)
```
#0d5a2d
```
#0d5a2d rgb(13,90,45)
```
#106c35
```
#106c35 rgb(16,108,53)
```
#127d3d
```
#127d3d rgb(18,125,61)
```
#158e46
```
#158e46 rgb(21,142,70)
```
#179f4e
```
#179f4e rgb(23,159,78)
```
#1ab057
```
#1ab057 rgb(26,176,87)
```
#1cc15f
```
#1cc15f rgb(28,193,95)
```
#1fd267
```
#1fd267 rgb(31,210,103)
```

Shade Color Variation

#26df71
```
#26df71 rgb(38,223,113)
```
#37e17c
```
#37e17c rgb(55,225,124)
```
#48e487
```
#48e487 rgb(72,228,135)
```
#59e792
```
#59e792 rgb(89,231,146)
```
#6ae99d
```
#6ae99d rgb(106,233,157)
```
#7beca9
```
#7beca9 rgb(123,236,169)
```
#8ceeb4
```
#8ceeb4 rgb(140,238,180)
```
#9df1bf
```
#9df1bf rgb(157,241,191)
```
#aff3ca
```
#aff3ca rgb(175,243,202)
```
#c0f6d5
```
#c0f6d5 rgb(192,246,213)
```
#d1f8e1
```
#d1f8e1 rgb(209,248,225)
```
#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 #30fc82 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)
```
#70bc8f
```
#70bc8f rgb(112,188,143)
```
#68c48d
```
#68c48d rgb(104,196,141)
```
#60cc8c
```
#60cc8c rgb(96,204,140)
```
#58d48a
```
#58d48a rgb(88,212,138)
```
#50dc89
```
#50dc89 rgb(80,220,137)
```
#48e487
```
#48e487 rgb(72,228,135)
```
#40ec85
```
#40ec85 rgb(64,236,133)
```
#38f484
```
#38f484 rgb(56,244,132)
```
#30fc82
```
#30fc82 rgb(48,252,130)
```

Tone Color Variation

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

#ddcc83 Protanopia 1% of men
#efc498 Deuteranopia 1% of men
#78daea Tritanopia 0.001% of the population

Trichromacy

#a7d484 Protanomaly 1% of men, 0.01% of women
#b2cf92 Deuteranomaly 6% of men, 0.4% of women
#66ddc6 Tritanomaly 0.01% of the population

#48e487 hex color

#48e487 Color Information

#48e487 Color Conversion

Color Schemes with #48e487

Alternatives to #48e487

#48e487 Preview

Shades and Tints of #48e487

Tones of #48e487

Color Blindness Simulator