#48c384 hex color

In a RGB color space, hex #48c384 is composed of 28.2% red, 76.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 32.3% yellow and 23.5% black. It has a hue angle of 149.3 degrees, a saturation of 50.6% and a lightness of 52.4%. #48c384 color hex could be obtained by blending #90ffff with #008709. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 76
- B 52
RGB color chart
- C 63
- M 0
- Y 32
- K 24
CMYK color chart

● #48c384 color description : Moderate cyan - lime green.

The hexadecimal color #48c384 has RGB values of R:72, G:195, B:132 and CMYK values of C:0.63, M:0, Y:0.32, K:0.24. Its decimal value is 4768644.

Hex triplet	48c384	`#48c384`
RGB Decimal	72, 195, 132	`rgb(72,195,132)`
RGB Percent	28.2, 76.5, 51.8	`rgb(28.2%,76.5%,51.8%)`
CMYK	63, 0, 32, 24
HSL	149.3°, 50.6, 52.4	`hsl(149.3,50.6%,52.4%)`
HSV (or HSB)	149.3°, 63.1, 76.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.92, -48.629, 21.836
XYZ	26.351, 42.072, 28.56
xyY	0.272, 0.434, 42.072
CIE-LCH	70.92, 53.307, 155.818
CIE-LUV	70.92, -51.629, 37.991
Hunter-Lab	64.863, -40.993, 19.297
Binary	01001000, 11000011, 10000100

#48c384
```
#48c384 rgb(72,195,132)
```
#c34887
```
#c34887 rgb(195,72,135)
```

Complementary Color

#49c348
```
#49c348 rgb(73,195,72)
```
#48c384
```
#48c384 rgb(72,195,132)
```
#48c3c2
```
#48c3c2 rgb(72,195,194)
```

Analogous Color

#c3484a
```
#c3484a rgb(195,72,74)
```
#48c384
```
#48c384 rgb(72,195,132)
```
#c248c3
```
#c248c3 rgb(194,72,195)
```

Split Complementary Color

#c38448
```
#c38448 rgb(195,132,72)
```
#48c384
```
#48c384 rgb(72,195,132)
```
#8448c3
```
#8448c3 rgb(132,72,195)
```

Triadic Color

#87c348
```
#87c348 rgb(135,195,72)
```
#48c384
```
#48c384 rgb(72,195,132)
```
#8448c3
```
#8448c3 rgb(132,72,195)
```
#c34887
```
#c34887 rgb(195,72,135)
```

Tetradic Color

#2f8f5e
```
#2f8f5e rgb(47,143,94)
```
#35a36b
```
#35a36b rgb(53,163,107)
```
#3cb677
```
#3cb677 rgb(60,182,119)
```
#48c384
```
#48c384 rgb(72,195,132)
```
#5bc991
```
#5bc991 rgb(91,201,145)
```
#6ed09e
```
#6ed09e rgb(110,208,158)
```
#82d6ab
```
#82d6ab rgb(130,214,171)
```

Monochromatic Color

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

#48c365
```
#48c365 rgb(72,195,101)
```
#48c370
```
#48c370 rgb(72,195,112)
```
#48c37a
```
#48c37a rgb(72,195,122)
```
#48c384
```
#48c384 rgb(72,195,132)
```
#48c38e
```
#48c38e rgb(72,195,142)
```
#48c399
```
#48c399 rgb(72,195,153)
```
#48c3a3
```
#48c3a3 rgb(72,195,163)
```

Similar Colors

Text with hexadecimal color #48c384

This text has a font color of #48c384.

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

#48c384 background color

This paragraph has a background color of #48c384.

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

#48c384 border color

This element has a border color of #48c384.

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

CSS codes

.text {color:#48c384;}

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

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

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

#030906
```
#030906 rgb(3,9,6)
```
#081810
```
#081810 rgb(8,24,16)
```
#0d2719
```
#0d2719 rgb(13,39,25)
```
#113523
```
#113523 rgb(17,53,35)
```
#16442d
```
#16442d rgb(22,68,45)
```
#1b5336
```
#1b5336 rgb(27,83,54)
```
#206240
```
#206240 rgb(32,98,64)
```
#25704a
```
#25704a rgb(37,112,74)
```
#2a7f53
```
#2a7f53 rgb(42,127,83)
```
#2f8e5d
```
#2f8e5d rgb(47,142,93)
```
#339d67
```
#339d67 rgb(51,157,103)
```
#38ac70
```
#38ac70 rgb(56,172,112)
```
#3dba7a
```
#3dba7a rgb(61,186,122)
```

Shade Color Variation

#48c384
```
#48c384 rgb(72,195,132)
```
#57c88e
```
#57c88e rgb(87,200,142)
```
#66cd98
```
#66cd98 rgb(102,205,152)
```
#74d2a2
```
#74d2a2 rgb(116,210,162)
```
#83d6ac
```
#83d6ac rgb(131,214,172)
```
#92dbb6
```
#92dbb6 rgb(146,219,182)
```
#a1e0c0
```
#a1e0c0 rgb(161,224,192)
```
#afe5ca
```
#afe5ca rgb(175,229,202)
```
#beead3
```
#beead3 rgb(190,234,211)
```
#cdefdd
```
#cdefdd rgb(205,239,221)
```
#dcf3e7
```
#dcf3e7 rgb(220,243,231)
```
#eaf8f1
```
#eaf8f1 rgb(234,248,241)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808b85 is the less saturated color, while #10fb83 is the most saturated one.

#808b85
```
#808b85 rgb(128,139,133)
```
#779485
```
#779485 rgb(119,148,133)
```
#6d9e85
```
#6d9e85 rgb(109,158,133)
```
#64a785
```
#64a785 rgb(100,167,133)
```
#5bb084
```
#5bb084 rgb(91,176,132)
```
#51ba84
```
#51ba84 rgb(81,186,132)
```
#48c384
```
#48c384 rgb(72,195,132)
```
#3fcc84
```
#3fcc84 rgb(63,204,132)
```
#35d684
```
#35d684 rgb(53,214,132)
```
#2cdf83
```
#2cdf83 rgb(44,223,131)
```
#23e883
```
#23e883 rgb(35,232,131)
```
#19f283
```
#19f283 rgb(25,242,131)
```
#10fb83
```
#10fb83 rgb(16,251,131)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#87a093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb181 Protanopia 1% of men
#ccab93 Deuteranopia 1% of men
#6bbdcb Tritanopia 0.001% of the population

Trichromacy

#93b782 Protanomaly 1% of men, 0.01% of women
#9cb38d Deuteranomaly 6% of men, 0.4% of women
#5ebfb1 Tritanomaly 0.01% of the population

#48c384 hex color

#48c384 Color Information

#48c384 Color Conversion

Color Schemes with #48c384

Alternatives to #48c384

#48c384 Preview

Shades and Tints of #48c384

Tones of #48c384

Color Blindness Simulator