#48c1aa hex color

In a RGB color space, hex #48c1aa is composed of 28.2% red, 75.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 11.9% yellow and 24.3% black. It has a hue angle of 168.6 degrees, a saturation of 49.4% and a lightness of 52%. #48c1aa color hex could be obtained by blending #90ffff with #008355. Closest websafe color is: #33cc99.

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

● #48c1aa color description : Moderate cyan.

The hexadecimal color #48c1aa has RGB values of R:72, G:193, B:170 and CMYK values of C:0.63, M:0, Y:0.12, K:0.24. Its decimal value is 4768170.

Hex triplet	48c1aa	`#48c1aa`
RGB Decimal	72, 193, 170	`rgb(72,193,170)`
RGB Percent	28.2, 75.7, 66.7	`rgb(28.2%,75.7%,66.7%)`
CMYK	63, 0, 12, 24
HSL	168.6°, 49.4, 52	`hsl(168.6,49.4%,52%)`
HSV (or HSB)	168.6°, 62.7, 75.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.158, -39.09, 1.643
XYZ	28.996, 42.417, 44.687
xyY	0.25, 0.365, 42.417
CIE-LCH	71.158, 39.124, 177.594
CIE-LUV	71.158, -48.785, 8.572
Hunter-Lab	65.129, -34.506, 4.909
Binary	01001000, 11000001, 10101010

#48c1aa
```
#48c1aa rgb(72,193,170)
```
#c1485f
```
#c1485f rgb(193,72,95)
```

Complementary Color

#48c16e
```
#48c16e rgb(72,193,110)
```
#48c1aa
```
#48c1aa rgb(72,193,170)
```
#489cc1
```
#489cc1 rgb(72,156,193)
```

Analogous Color

#c16e48
```
#c16e48 rgb(193,110,72)
```
#48c1aa
```
#48c1aa rgb(72,193,170)
```
#c1489c
```
#c1489c rgb(193,72,156)
```

Split Complementary Color

#c1aa48
```
#c1aa48 rgb(193,170,72)
```
#48c1aa
```
#48c1aa rgb(72,193,170)
```
#aa48c1
```
#aa48c1 rgb(170,72,193)
```

Triadic Color

#5fc148
```
#5fc148 rgb(95,193,72)
```
#48c1aa
```
#48c1aa rgb(72,193,170)
```
#aa48c1
```
#aa48c1 rgb(170,72,193)
```
#c1485f
```
#c1485f rgb(193,72,95)
```

Tetradic Color

#308d7b
```
#308d7b rgb(48,141,123)
```
#36a08c
```
#36a08c rgb(54,160,140)
```
#3db39c
```
#3db39c rgb(61,179,156)
```
#48c1aa
```
#48c1aa rgb(72,193,170)
```
#5bc7b3
```
#5bc7b3 rgb(91,199,179)
```
#6ecebc
```
#6ecebc rgb(110,206,188)
```
#81d4c5
```
#81d4c5 rgb(129,212,197)
```

Monochromatic Color

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

#48c18c
```
#48c18c rgb(72,193,140)
```
#48c196
```
#48c196 rgb(72,193,150)
```
#48c1a0
```
#48c1a0 rgb(72,193,160)
```
#48c1aa
```
#48c1aa rgb(72,193,170)
```
#48c1b4
```
#48c1b4 rgb(72,193,180)
```
#48c1be
```
#48c1be rgb(72,193,190)
```
#48bac1
```
#48bac1 rgb(72,186,193)
```

Similar Colors

Text with hexadecimal color #48c1aa

This text has a font color of #48c1aa.

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

#48c1aa background color

This paragraph has a background color of #48c1aa.

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

#48c1aa border color

This element has a border color of #48c1aa.

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

CSS codes

.text {color:#48c1aa;}

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

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

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

#030707
```
#030707 rgb(3,7,7)
```
#071613
```
#071613 rgb(7,22,19)
```
#0c2520
```
#0c2520 rgb(12,37,32)
```
#11332d
```
#11332d rgb(17,51,45)
```
#16423a
```
#16423a rgb(22,66,58)
```
#1b5147
```
#1b5147 rgb(27,81,71)
```
#205f53
```
#205f53 rgb(32,95,83)
```
#256e60
```
#256e60 rgb(37,110,96)
```
#2a7d6d
```
#2a7d6d rgb(42,125,109)
```
#2f8b7a
```
#2f8b7a rgb(47,139,122)
```
#349a87
```
#349a87 rgb(52,154,135)
```
#39a993
```
#39a993 rgb(57,169,147)
```
#3eb7a0
```
#3eb7a0 rgb(62,183,160)
```

Shade Color Variation

#48c1aa
```
#48c1aa rgb(72,193,170)
```
#57c6b1
```
#57c6b1 rgb(87,198,177)
```
#65cbb8
```
#65cbb8 rgb(101,203,184)
```
#74d0be
```
#74d0be rgb(116,208,190)
```
#83d5c5
```
#83d5c5 rgb(131,213,197)
```
#91dacc
```
#91dacc rgb(145,218,204)
```
#a0dfd3
```
#a0dfd3 rgb(160,223,211)
```
#afe4da
```
#afe4da rgb(175,228,218)
```
#bde9e0
```
#bde9e0 rgb(189,233,224)
```
#cceee7
```
#cceee7 rgb(204,238,231)
```
#dbf3ee
```
#dbf3ee rgb(219,243,238)
```
#e9f8f5
```
#e9f8f5 rgb(233,248,245)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#818887
```
#818887 rgb(129,136,135)
```
#77928d
```
#77928d rgb(119,146,141)
```
#6e9b93
```
#6e9b93 rgb(110,155,147)
```
#64a598
```
#64a598 rgb(100,165,152)
```
#5bae9e
```
#5bae9e rgb(91,174,158)
```
#51b8a4
```
#51b8a4 rgb(81,184,164)
```
#48c1aa
```
#48c1aa rgb(72,193,170)
```
#3fcab0
```
#3fcab0 rgb(63,202,176)
```
#35d4b6
```
#35d4b6 rgb(53,212,182)
```
#2cddbc
```
#2cddbc rgb(44,221,188)
```
#22e7c1
```
#22e7c1 rgb(34,231,193)
```
#19f0c7
```
#19f0c7 rgb(25,240,199)
```
#0ffacd
```
#0ffacd rgb(15,250,205)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8aa29d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b1a5 Protanopia 1% of men
#c0adb6 Deuteranopia 1% of men
#61bfcd Tritanopia 0.001% of the population

Trichromacy

#8fb7a6 Protanomaly 1% of men, 0.01% of women
#94b4b1 Deuteranomaly 6% of men, 0.4% of women
#58c0c0 Tritanomaly 0.01% of the population

#48c1aa hex color

#48c1aa Color Information

#48c1aa Color Conversion

Color Schemes with #48c1aa

Alternatives to #48c1aa

#48c1aa Preview

Shades and Tints of #48c1aa

Tones of #48c1aa

Color Blindness Simulator