#48e485 hex color

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

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

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

The hexadecimal color #48e485 has RGB values of R:72, G:228, B:133 and CMYK values of C:0.68, M:0, Y:0.42, K:0.11. Its decimal value is 4777093.

Hex triplet	48e485	`#48e485`
RGB Decimal	72, 228, 133	`rgb(72,228,133)`
RGB Percent	28.2, 89.4, 52.2	`rgb(28.2%,89.4%,52.2%)`
CMYK	68, 0, 42, 11
HSL	143.5°, 74.3, 58.8	`hsl(143.5,74.3%,58.8%)`
HSV (or HSB)	143.5°, 68.4, 89.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	81.046, -61.129, 34.814
XYZ	34.647, 58.555, 31.665
xyY	0.277, 0.469, 58.555
CIE-LCH	81.046, 70.347, 150.337
CIE-LUV	81.046, -63.581, 57.413
Hunter-Lab	76.521, -53.091, 29.03
Binary	01001000, 11100100, 10000101

#48e485
```
#48e485 rgb(72,228,133)
```
#e448a7
```
#e448a7 rgb(228,72,167)
```

Complementary Color

#59e448
```
#59e448 rgb(89,228,72)
```
#48e485
```
#48e485 rgb(72,228,133)
```
#48e4d3
```
#48e4d3 rgb(72,228,211)
```

Analogous Color

#e44859
```
#e44859 rgb(228,72,89)
```
#48e485
```
#48e485 rgb(72,228,133)
```
#d348e4
```
#d348e4 rgb(211,72,228)
```

Split Complementary Color

#e48548
```
#e48548 rgb(228,133,72)
```
#48e485
```
#48e485 rgb(72,228,133)
```
#8548e4
```
#8548e4 rgb(133,72,228)
```

Triadic Color

#a7e448
```
#a7e448 rgb(167,228,72)
```
#48e485
```
#48e485 rgb(72,228,133)
```
#8548e4
```
#8548e4 rgb(133,72,228)
```
#e448a7
```
#e448a7 rgb(228,72,167)
```

Tetradic Color

#1dc35e
```
#1dc35e rgb(29,195,94)
```
#20d968
```
#20d968 rgb(32,217,104)
```
#32e176
```
#32e176 rgb(50,225,118)
```
#48e485
```
#48e485 rgb(72,228,133)
```
#5ee794
```
#5ee794 rgb(94,231,148)
```
#74eba3
```
#74eba3 rgb(116,235,163)
```
#8beeb1
```
#8beeb1 rgb(139,238,177)
```

Monochromatic Color

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

#48e45e
```
#48e45e rgb(72,228,94)
```
#48e46b
```
#48e46b rgb(72,228,107)
```
#48e478
```
#48e478 rgb(72,228,120)
```
#48e485
```
#48e485 rgb(72,228,133)
```
#48e492
```
#48e492 rgb(72,228,146)
```
#48e49f
```
#48e49f rgb(72,228,159)
```
#48e4ac
```
#48e4ac rgb(72,228,172)
```

Similar Colors

Text with hexadecimal color #48e485

This text has a font color of #48e485.

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

#48e485 background color

This paragraph has a background color of #48e485.

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

#48e485 border color

This element has a border color of #48e485.

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

CSS codes

.text {color:#48e485;}

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

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

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)
```
#0b4923
```
#0b4923 rgb(11,73,35)
```
#0d5a2c
```
#0d5a2c rgb(13,90,44)
```
#106c34
```
#106c34 rgb(16,108,52)
```
#127d3c
```
#127d3c rgb(18,125,60)
```
#158e44
```
#158e44 rgb(21,142,68)
```
#179f4c
```
#179f4c rgb(23,159,76)
```
#1ab055
```
#1ab055 rgb(26,176,85)
```
#1cc15d
```
#1cc15d rgb(28,193,93)
```
#1fd265
```
#1fd265 rgb(31,210,101)
```

Shade Color Variation

#26df6e
```
#26df6e rgb(38,223,110)
```
#37e17a
```
#37e17a rgb(55,225,122)
```
#48e485
```
#48e485 rgb(72,228,133)
```
#59e790
```
#59e790 rgb(89,231,144)
```
#6ae99c
```
#6ae99c rgb(106,233,156)
```
#7beca7
```
#7beca7 rgb(123,236,167)
```
#8ceeb3
```
#8ceeb3 rgb(140,238,179)
```
#9df1be
```
#9df1be rgb(157,241,190)
```
#aff3c9
```
#aff3c9 rgb(175,243,201)
```
#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 #30fc80 is the most saturated one.

#919b95
```
#919b95 rgb(145,155,149)
```
#89a393
```
#89a393 rgb(137,163,147)
```
#81ab91
```
#81ab91 rgb(129,171,145)
```
#78b490
```
#78b490 rgb(120,180,144)
```
#70bc8e
```
#70bc8e rgb(112,188,142)
```
#68c48c
```
#68c48c rgb(104,196,140)
```
#60cc8a
```
#60cc8a rgb(96,204,138)
```
#58d489
```
#58d489 rgb(88,212,137)
```
#50dc87
```
#50dc87 rgb(80,220,135)
```
#48e485
```
#48e485 rgb(72,228,133)
```
#40ec83
```
#40ec83 rgb(64,236,131)
```
#38f481
```
#38f481 rgb(56,244,129)
```
#30fc80
```
#30fc80 rgb(48,252,128)
```

Tone Color Variation

Below, you can see how #48e485 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
#97b6a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#decc81 Protanopia 1% of men
#f0c496 Deuteranopia 1% of men
#78dae9 Tritanopia 0.001% of the population

Trichromacy

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

#48e485 hex color

#48e485 Color Information

#48e485 Color Conversion

Color Schemes with #48e485

Alternatives to #48e485

#48e485 Preview

Shades and Tints of #48e485

Tones of #48e485

Color Blindness Simulator