#48c9a1 hex color

In a RGB color space, hex #48c9a1 is composed of 28.2% red, 78.8% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 0% magenta, 19.9% yellow and 21.2% black. It has a hue angle of 161.4 degrees, a saturation of 54.4% and a lightness of 53.5%. #48c9a1 color hex could be obtained by blending #90ffff with #009343. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #48c9a1 has RGB values of R:72, G:201, B:161 and CMYK values of C:0.64, M:0, Y:0.2, K:0.21. Its decimal value is 4770209.

Hex triplet	48c9a1	`#48c9a1`
RGB Decimal	72, 201, 161	`rgb(72,201,161)`
RGB Percent	28.2, 78.8, 63.1	`rgb(28.2%,78.8%,63.1%)`
CMYK	64, 0, 20, 21
HSL	161.4°, 54.4, 53.5	`hsl(161.4,54.4%,53.5%)`
HSV (or HSB)	161.4°, 64.2, 78.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.365, -44.798, 9.699
XYZ	29.99, 45.722, 40.961
xyY	0.257, 0.392, 45.722
CIE-LCH	73.365, 45.836, 167.784
CIE-LUV	73.365, -52.274, 21.268
Hunter-Lab	67.618, -39.163, 11.416
Binary	01001000, 11001001, 10100001

#48c9a1
```
#48c9a1 rgb(72,201,161)
```
#c94870
```
#c94870 rgb(201,72,112)
```

Complementary Color

#48c961
```
#48c961 rgb(72,201,97)
```
#48c9a1
```
#48c9a1 rgb(72,201,161)
```
#48b1c9
```
#48b1c9 rgb(72,177,201)
```

Analogous Color

#c96148
```
#c96148 rgb(201,97,72)
```
#48c9a1
```
#48c9a1 rgb(72,201,161)
```
#c948b1
```
#c948b1 rgb(201,72,177)
```

Split Complementary Color

#c9a148
```
#c9a148 rgb(201,161,72)
```
#48c9a1
```
#48c9a1 rgb(72,201,161)
```
#a148c9
```
#a148c9 rgb(161,72,201)
```

Triadic Color

#70c948
```
#70c948 rgb(112,201,72)
```
#48c9a1
```
#48c9a1 rgb(72,201,161)
```
#a148c9
```
#a148c9 rgb(161,72,201)
```
#c94870
```
#c94870 rgb(201,72,112)
```

Tetradic Color

#2d9877
```
#2d9877 rgb(45,152,119)
```
#33ab86
```
#33ab86 rgb(51,171,134)
```
#38bf95
```
#38bf95 rgb(56,191,149)
```
#48c9a1
```
#48c9a1 rgb(72,201,161)
```
#5ccfab
```
#5ccfab rgb(92,207,171)
```
#6fd5b5
```
#6fd5b5 rgb(111,213,181)
```
#83dabf
```
#83dabf rgb(131,218,191)
```

Monochromatic Color

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

#48c981
```
#48c981 rgb(72,201,129)
```
#48c98c
```
#48c98c rgb(72,201,140)
```
#48c996
```
#48c996 rgb(72,201,150)
```
#48c9a1
```
#48c9a1 rgb(72,201,161)
```
#48c9ac
```
#48c9ac rgb(72,201,172)
```
#48c9b7
```
#48c9b7 rgb(72,201,183)
```
#48c9c1
```
#48c9c1 rgb(72,201,193)
```

Similar Colors

Text with hexadecimal color #48c9a1

This text has a font color of #48c9a1.

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

#48c9a1 background color

This paragraph has a background color of #48c9a1.

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

#48c9a1 border color

This element has a border color of #48c9a1.

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

CSS codes

.text {color:#48c9a1;}

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

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

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

#040e0b
```
#040e0b rgb(4,14,11)
```
#091d17
```
#091d17 rgb(9,29,23)
```
#0d2c23
```
#0d2c23 rgb(13,44,35)
```
#123b2e
```
#123b2e rgb(18,59,46)
```
#164a3a
```
#164a3a rgb(22,74,58)
```
#1a5a46
```
#1a5a46 rgb(26,90,70)
```
#1f6952
```
#1f6952 rgb(31,105,82)
```
#23785e
```
#23785e rgb(35,120,94)
```
#28876a
```
#28876a rgb(40,135,106)
```
#2c9675
```
#2c9675 rgb(44,150,117)
```
#31a581
```
#31a581 rgb(49,165,129)
```
#35b58d
```
#35b58d rgb(53,181,141)
```
#3ac499
```
#3ac499 rgb(58,196,153)
```

Shade Color Variation

#48c9a1
```
#48c9a1 rgb(72,201,161)
```
#57cda9
```
#57cda9 rgb(87,205,169)
```
#66d2b1
```
#66d2b1 rgb(102,210,177)
```
#75d6b8
```
#75d6b8 rgb(117,214,184)
```
#85dbc0
```
#85dbc0 rgb(133,219,192)
```
#94dfc8
```
#94dfc8 rgb(148,223,200)
```
#a3e4d0
```
#a3e4d0 rgb(163,228,208)
```
#b2e8d7
```
#b2e8d7 rgb(178,232,215)
```
#c1eddf
```
#c1eddf rgb(193,237,223)
```
#d0f1e7
```
#d0f1e7 rgb(208,241,231)
```
#dff6ef
```
#dff6ef rgb(223,246,239)
```
#effaf7
```
#effaf7 rgb(239,250,247)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#888989
```
#888989 rgb(136,137,137)
```
#7f928c
```
#7f928c rgb(127,146,140)
```
#769b90
```
#769b90 rgb(118,155,144)
```
#6ca593
```
#6ca593 rgb(108,165,147)
```
#63ae97
```
#63ae97 rgb(99,174,151)
```
#5ab79a
```
#5ab79a rgb(90,183,154)
```
#51c09e
```
#51c09e rgb(81,192,158)
```
#48c9a1
```
#48c9a1 rgb(72,201,161)
```
#3fd2a4
```
#3fd2a4 rgb(63,210,164)
```
#36dba8
```
#36dba8 rgb(54,219,168)
```
#2de4ab
```
#2de4ab rgb(45,228,171)
```
#24edaf
```
#24edaf rgb(36,237,175)
```
#1af7b2
```
#1af7b2 rgb(26,247,178)
```

Tone Color Variation

Below, you can see how #48c9a1 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
#8da79f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b79c Protanopia 1% of men
#ccb2ae Deuteranopia 1% of men
#67c5d3 Tritanopia 0.001% of the population

Trichromacy

#95bd9e Protanomaly 1% of men, 0.01% of women
#9cbaa9 Deuteranomaly 6% of men, 0.4% of women
#5cc6c1 Tritanomaly 0.01% of the population

#48c9a1 hex color

#48c9a1 Color Information

#48c9a1 Color Conversion

Color Schemes with #48c9a1

Alternatives to #48c9a1

#48c9a1 Preview

Shades and Tints of #48c9a1

Tones of #48c9a1

Color Blindness Simulator