colorhexa.com

#48ca50 hex color

In a RGB color space, hex #48ca50 is composed of 28.2% red, 79.2% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 60.4% yellow and 20.8% black. It has a hue angle of 123.7 degrees, a saturation of 55.1% and a lightness of 53.7%. #48ca50 color hex could be obtained by blending #90ffa0 with #009500. Closest websafe color is: #33cc66.

- R 28
- G 79
- B 31
RGB color chart
- C 64
- M 0
- Y 60
- K 21
CMYK color chart

● #48ca50 color description : Moderate lime green.

The hexadecimal color #48ca50 has RGB values of R:72, G:202, B:80 and CMYK values of C:0.64, M:0, Y:0.6, K:0.21. Its decimal value is 4770384.

Hex triplet	48ca50	`#48ca50`
RGB Decimal	72, 202, 80	`rgb(72,202,80)`
RGB Percent	28.2, 79.2, 31.4	`rgb(28.2%,79.2%,31.4%)`
CMYK	64, 0, 60, 21
HSL	123.7°, 55.1, 53.7	`hsl(123.7,55.1%,53.7%)`
HSV (or HSB)	123.7°, 64.4, 79.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	72.359, -59.479, 49.535
XYZ	25.24, 44.196, 14.789
xyY	0.3, 0.525, 44.196
CIE-LCH	72.359, 77.405, 140.212
CIE-LUV	72.359, -56.46, 70.221
Hunter-Lab	66.48, -48.571, 33.346
Binary	01001000, 11001010, 01010000

#48ca50
```
#48ca50 rgb(72,202,80)
```
#ca48c2
```
#ca48c2 rgb(202,72,194)
```

Complementary Color

#81ca48
```
#81ca48 rgb(129,202,72)
```
#48ca50
```
#48ca50 rgb(72,202,80)
```
#48ca91
```
#48ca91 rgb(72,202,145)
```

Analogous Color

#ca4881
```
#ca4881 rgb(202,72,129)
```
#48ca50
```
#48ca50 rgb(72,202,80)
```
#9148ca
```
#9148ca rgb(145,72,202)
```

Split Complementary Color

#ca5048
```
#ca5048 rgb(202,80,72)
```
#48ca50
```
#48ca50 rgb(72,202,80)
```
#5048ca
```
#5048ca rgb(80,72,202)
```

Triadic Color

#c2ca48
```
#c2ca48 rgb(194,202,72)
```
#48ca50
```
#48ca50 rgb(72,202,80)
```
#5048ca
```
#5048ca rgb(80,72,202)
```
#ca48c2
```
#ca48c2 rgb(202,72,194)
```

Tetradic Color

#2c9933
```
#2c9933 rgb(44,153,51)
```
#32ad3a
```
#32ad3a rgb(50,173,58)
```
#38c140
```
#38c140 rgb(56,193,64)
```
#48ca50
```
#48ca50 rgb(72,202,80)
```
#5cd063
```
#5cd063 rgb(92,208,99)
```
#70d576
```
#70d576 rgb(112,213,118)
```
#83db89
```
#83db89 rgb(131,219,137)
```

Monochromatic Color

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

#61ca48
```
#61ca48 rgb(97,202,72)
```
#56ca48
```
#56ca48 rgb(86,202,72)
```
#4bca48
```
#4bca48 rgb(75,202,72)
```
#48ca50
```
#48ca50 rgb(72,202,80)
```
#48ca5b
```
#48ca5b rgb(72,202,91)
```
#48ca66
```
#48ca66 rgb(72,202,102)
```
#48ca71
```
#48ca71 rgb(72,202,113)
```

Similar Colors

Text with hexadecimal color #48ca50

This text has a font color of #48ca50.

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

#48ca50 background color

This paragraph has a background color of #48ca50.

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

#48ca50 border color

This element has a border color of #48ca50.

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

CSS codes

.text {color:#48ca50;}

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

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

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, #040f05 is the darkest color, while #ffffff is the lightest one.

#040f05
```
#040f05 rgb(4,15,5)
```
#091e0a
```
#091e0a rgb(9,30,10)
```
#0d2d0f
```
#0d2d0f rgb(13,45,15)
```
#113c14
```
#113c14 rgb(17,60,20)
```
#164c19
```
#164c19 rgb(22,76,25)
```
#1a5b1e
```
#1a5b1e rgb(26,91,30)
```
#1f6a23
```
#1f6a23 rgb(31,106,35)
```
#237928
```
#237928 rgb(35,121,40)
```
#28882d
```
#28882d rgb(40,136,45)
```
#2c9833
```
#2c9833 rgb(44,152,51)
```
#30a738
```
#30a738 rgb(48,167,56)
```
#35b63d
```
#35b63d rgb(53,182,61)
```
#39c542
```
#39c542 rgb(57,197,66)
```

Shade Color Variation

#48ca50
```
#48ca50 rgb(72,202,80)
```
#57ce5f
```
#57ce5f rgb(87,206,95)
```
#66d36d
```
#66d36d rgb(102,211,109)
```
#76d77c
```
#76d77c rgb(118,215,124)
```
#85dc8a
```
#85dc8a rgb(133,220,138)
```
#94e099
```
#94e099 rgb(148,224,153)
```
#a3e4a7
```
#a3e4a7 rgb(163,228,167)
```
#b2e9b6
```
#b2e9b6 rgb(178,233,182)
```
#c2edc4
```
#c2edc4 rgb(194,237,196)
```
#d1f2d3
```
#d1f2d3 rgb(209,242,211)
```
#e0f6e1
```
#e0f6e1 rgb(224,246,225)
```
#effaf0
```
#effaf0 rgb(239,250,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a88 is the less saturated color, while #1bf728 is the most saturated one.

#888a88
```
#888a88 rgb(136,138,136)
```
#7e9480
```
#7e9480 rgb(126,148,128)
```
#759d78
```
#759d78 rgb(117,157,120)
```
#6ca670
```
#6ca670 rgb(108,166,112)
```
#63af68
```
#63af68 rgb(99,175,104)
```
#5ab860
```
#5ab860 rgb(90,184,96)
```
#51c158
```
#51c158 rgb(81,193,88)
```
#48ca50
```
#48ca50 rgb(72,202,80)
```
#3fd348
```
#3fd348 rgb(63,211,72)
```
#36dc40
```
#36dc40 rgb(54,220,64)
```
#2de538
```
#2de538 rgb(45,229,56)
```
#24ee30
```
#24ee30 rgb(36,238,48)
```
#1bf728
```
#1bf728 rgb(27,247,40)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#86a087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b552 Protanopia 1% of men
#dcad65 Deuteranopia 1% of men
#75c0ce Tritanopia 0.001% of the population

Trichromacy

#9abd51 Protanomaly 1% of men, 0.01% of women
#a6b75d Deuteranomaly 6% of men, 0.4% of women
#65c4a0 Tritanomaly 0.01% of the population