#48ca9c hex color

In a RGB color space, hex #48ca9c is composed of 28.2% red, 79.2% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 22.8% yellow and 20.8% black. It has a hue angle of 158.8 degrees, a saturation of 55.1% and a lightness of 53.7%. #48ca9c color hex could be obtained by blending #90ffff with #009539. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 79
- B 61
RGB color chart
- C 64
- M 0
- Y 23
- K 21
CMYK color chart

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

The hexadecimal color #48ca9c has RGB values of R:72, G:202, B:156 and CMYK values of C:0.64, M:0, Y:0.23, K:0.21. Its decimal value is 4770460.

Hex triplet	48ca9c	`#48ca9c`
RGB Decimal	72, 202, 156	`rgb(72,202,156)`
RGB Percent	28.2, 79.2, 61.2	`rgb(28.2%,79.2%,61.2%)`
CMYK	64, 0, 23, 21
HSL	158.8°, 55.1, 53.7	`hsl(158.8,55.1%,53.7%)`
HSV (or HSB)	158.8°, 64.4, 79.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.556, -46.376, 12.66
XYZ	29.791, 46.016, 38.763
xyY	0.26, 0.402, 46.016
CIE-LCH	73.556, 48.073, 164.731
CIE-LUV	73.556, -52.93, 25.687
Hunter-Lab	67.835, -40.32, 13.605
Binary	01001000, 11001010, 10011100

#48ca9c
```
#48ca9c rgb(72,202,156)
```
#ca4876
```
#ca4876 rgb(202,72,118)
```

Complementary Color

#48ca5b
```
#48ca5b rgb(72,202,91)
```
#48ca9c
```
#48ca9c rgb(72,202,156)
```
#48b7ca
```
#48b7ca rgb(72,183,202)
```

Analogous Color

#ca5b48
```
#ca5b48 rgb(202,91,72)
```
#48ca9c
```
#48ca9c rgb(72,202,156)
```
#ca48b7
```
#ca48b7 rgb(202,72,183)
```

Split Complementary Color

#ca9c48
```
#ca9c48 rgb(202,156,72)
```
#48ca9c
```
#48ca9c rgb(72,202,156)
```
#9c48ca
```
#9c48ca rgb(156,72,202)
```

Triadic Color

#76ca48
```
#76ca48 rgb(118,202,72)
```
#48ca9c
```
#48ca9c rgb(72,202,156)
```
#9c48ca
```
#9c48ca rgb(156,72,202)
```
#ca4876
```
#ca4876 rgb(202,72,118)
```

Tetradic Color

#2c9973
```
#2c9973 rgb(44,153,115)
```
#32ad81
```
#32ad81 rgb(50,173,129)
```
#38c190
```
#38c190 rgb(56,193,144)
```
#48ca9c
```
#48ca9c rgb(72,202,156)
```
#5cd0a7
```
#5cd0a7 rgb(92,208,167)
```
#70d5b1
```
#70d5b1 rgb(112,213,177)
```
#83dbbc
```
#83dbbc rgb(131,219,188)
```

Monochromatic Color

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

#48ca7c
```
#48ca7c rgb(72,202,124)
```
#48ca86
```
#48ca86 rgb(72,202,134)
```
#48ca91
```
#48ca91 rgb(72,202,145)
```
#48ca9c
```
#48ca9c rgb(72,202,156)
```
#48caa7
```
#48caa7 rgb(72,202,167)
```
#48cab2
```
#48cab2 rgb(72,202,178)
```
#48cabd
```
#48cabd rgb(72,202,189)
```

Similar Colors

Text with hexadecimal color #48ca9c

This text has a font color of #48ca9c.

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

#48ca9c background color

This paragraph has a background color of #48ca9c.

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

#48ca9c border color

This element has a border color of #48ca9c.

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

CSS codes

.text {color:#48ca9c;}

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

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

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

#040f0b
```
#040f0b rgb(4,15,11)
```
#091e16
```
#091e16 rgb(9,30,22)
```
#0d2d22
```
#0d2d22 rgb(13,45,34)
```
#113c2d
```
#113c2d rgb(17,60,45)
```
#164c39
```
#164c39 rgb(22,76,57)
```
#1a5b44
```
#1a5b44 rgb(26,91,68)
```
#1f6a4f
```
#1f6a4f rgb(31,106,79)
```
#23795b
```
#23795b rgb(35,121,91)
```
#288866
```
#288866 rgb(40,136,102)
```
#2c9872
```
#2c9872 rgb(44,152,114)
```
#30a77d
```
#30a77d rgb(48,167,125)
```
#35b688
```
#35b688 rgb(53,182,136)
```
#39c594
```
#39c594 rgb(57,197,148)
```

Shade Color Variation

#48ca9c
```
#48ca9c rgb(72,202,156)
```
#57cea4
```
#57cea4 rgb(87,206,164)
```
#66d3ac
```
#66d3ac rgb(102,211,172)
```
#76d7b5
```
#76d7b5 rgb(118,215,181)
```
#85dcbd
```
#85dcbd rgb(133,220,189)
```
#94e0c5
```
#94e0c5 rgb(148,224,197)
```
#a3e4cd
```
#a3e4cd rgb(163,228,205)
```
#b2e9d6
```
#b2e9d6 rgb(178,233,214)
```
#c2edde
```
#c2edde rgb(194,237,222)
```
#d1f2e6
```
#d1f2e6 rgb(209,242,230)
```
#e0f6ee
```
#e0f6ee rgb(224,246,238)
```
#effaf7
```
#effaf7 rgb(239,250,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#888a89
```
#888a89 rgb(136,138,137)
```
#7e948c
```
#7e948c rgb(126,148,140)
```
#759d8f
```
#759d8f rgb(117,157,143)
```
#6ca691
```
#6ca691 rgb(108,166,145)
```
#63af94
```
#63af94 rgb(99,175,148)
```
#5ab897
```
#5ab897 rgb(90,184,151)
```
#51c199
```
#51c199 rgb(81,193,153)
```
#48ca9c
```
#48ca9c rgb(72,202,156)
```
#3fd39f
```
#3fd39f rgb(63,211,159)
```
#36dca1
```
#36dca1 rgb(54,220,161)
```
#2de5a4
```
#2de5a4 rgb(45,229,164)
```
#24eea7
```
#24eea7 rgb(36,238,167)
```
#1bf7a9
```
#1bf7a9 rgb(27,247,169)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8da79e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b897 Protanopia 1% of men
#cfb2aa Deuteranopia 1% of men
#69c5d4 Tritanopia 0.001% of the population

Trichromacy

#96be99 Protanomaly 1% of men, 0.01% of women
#9dbba5 Deuteranomaly 6% of men, 0.4% of women
#5dc7bf Tritanomaly 0.01% of the population

#48ca9c hex color

#48ca9c Color Information

#48ca9c Color Conversion

Color Schemes with #48ca9c

Alternatives to #48ca9c

#48ca9c Preview

Shades and Tints of #48ca9c

Tones of #48ca9c

Color Blindness Simulator