#48c2ab hex color

In a RGB color space, hex #48c2ab is composed of 28.2% red, 76.1% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 11.9% yellow and 23.9% black. It has a hue angle of 168.7 degrees, a saturation of 50% and a lightness of 52.2%. #48c2ab color hex could be obtained by blending #90ffff with #008557. 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

● #48c2ab color description : Moderate cyan.

The hexadecimal color #48c2ab has RGB values of R:72, G:194, B:171 and CMYK values of C:0.63, M:0, Y:0.12, K:0.24. Its decimal value is 4768427.

Hex triplet	48c2ab	`#48c2ab`
RGB Decimal	72, 194, 171	`rgb(72,194,171)`
RGB Percent	28.2, 76.1, 67.1	`rgb(28.2%,76.1%,67.1%)`
CMYK	63, 0, 12, 24
HSL	168.7°, 50, 52.2	`hsl(168.7,50%,52.2%)`
HSV (or HSB)	168.7°, 62.9, 76.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.486, -39.285, 1.575
XYZ	29.313, 42.899, 45.261
xyY	0.25, 0.365, 42.899
CIE-LCH	71.486, 39.316, 177.703
CIE-LUV	71.486, -49.099, 8.508
Hunter-Lab	65.497, -34.735, 4.876
Binary	01001000, 11000010, 10101011

#48c2ab
```
#48c2ab rgb(72,194,171)
```
#c2485f
```
#c2485f rgb(194,72,95)
```

Complementary Color

#48c26e
```
#48c26e rgb(72,194,110)
```
#48c2ab
```
#48c2ab rgb(72,194,171)
```
#489cc2
```
#489cc2 rgb(72,156,194)
```

Analogous Color

#c26e48
```
#c26e48 rgb(194,110,72)
```
#48c2ab
```
#48c2ab rgb(72,194,171)
```
#c2489c
```
#c2489c rgb(194,72,156)
```

Split Complementary Color

#c2ab48
```
#c2ab48 rgb(194,171,72)
```
#48c2ab
```
#48c2ab rgb(72,194,171)
```
#ab48c2
```
#ab48c2 rgb(171,72,194)
```

Triadic Color

#5fc248
```
#5fc248 rgb(95,194,72)
```
#48c2ab
```
#48c2ab rgb(72,194,171)
```
#ab48c2
```
#ab48c2 rgb(171,72,194)
```
#c2485f
```
#c2485f rgb(194,72,95)
```

Tetradic Color

#2f8e7c
```
#2f8e7c rgb(47,142,124)
```
#36a18d
```
#36a18d rgb(54,161,141)
```
#3cb49e
```
#3cb49e rgb(60,180,158)
```
#48c2ab
```
#48c2ab rgb(72,194,171)
```
#5bc8b4
```
#5bc8b4 rgb(91,200,180)
```
#6ecfbd
```
#6ecfbd rgb(110,207,189)
```
#81d5c5
```
#81d5c5 rgb(129,213,197)
```

Monochromatic Color

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

#48c28d
```
#48c28d rgb(72,194,141)
```
#48c297
```
#48c297 rgb(72,194,151)
```
#48c2a1
```
#48c2a1 rgb(72,194,161)
```
#48c2ab
```
#48c2ab rgb(72,194,171)
```
#48c2b5
```
#48c2b5 rgb(72,194,181)
```
#48c2bf
```
#48c2bf rgb(72,194,191)
```
#48bbc2
```
#48bbc2 rgb(72,187,194)
```

Similar Colors

Text with hexadecimal color #48c2ab

This text has a font color of #48c2ab.

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

#48c2ab background color

This paragraph has a background color of #48c2ab.

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

#48c2ab border color

This element has a border color of #48c2ab.

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

CSS codes

.text {color:#48c2ab;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#081714
```
#081714 rgb(8,23,20)
```
#0d2621
```
#0d2621 rgb(13,38,33)
```
#11342e
```
#11342e rgb(17,52,46)
```
#16433b
```
#16433b rgb(22,67,59)
```
#1b5248
```
#1b5248 rgb(27,82,72)
```
#206154
```
#206154 rgb(32,97,84)
```
#256f61
```
#256f61 rgb(37,111,97)
```
#2a7e6e
```
#2a7e6e rgb(42,126,110)
```
#2f8d7b
```
#2f8d7b rgb(47,141,123)
```
#349b88
```
#349b88 rgb(52,155,136)
```
#39aa95
```
#39aa95 rgb(57,170,149)
```
#3eb9a2
```
#3eb9a2 rgb(62,185,162)
```

Shade Color Variation

#48c2ab
```
#48c2ab rgb(72,194,171)
```
#57c7b2
```
#57c7b2 rgb(87,199,178)
```
#65ccb9
```
#65ccb9 rgb(101,204,185)
```
#74d1bf
```
#74d1bf rgb(116,209,191)
```
#83d6c6
```
#83d6c6 rgb(131,214,198)
```
#92dbcd
```
#92dbcd rgb(146,219,205)
```
#a0dfd4
```
#a0dfd4 rgb(160,223,212)
```
#afe4da
```
#afe4da rgb(175,228,218)
```
#bee9e1
```
#bee9e1 rgb(190,233,225)
```
#cceee8
```
#cceee8 rgb(204,238,232)
```
#dbf3ef
```
#dbf3ef rgb(219,243,239)
```
#eaf8f5
```
#eaf8f5 rgb(234,248,245)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#808a88
```
#808a88 rgb(128,138,136)
```
#77938e
```
#77938e rgb(119,147,142)
```
#6e9c94
```
#6e9c94 rgb(110,156,148)
```
#64a699
```
#64a699 rgb(100,166,153)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```
#51b9a5
```
#51b9a5 rgb(81,185,165)
```
#48c2ab
```
#48c2ab rgb(72,194,171)
```
#3fcbb1
```
#3fcbb1 rgb(63,203,177)
```
#35d5b7
```
#35d5b7 rgb(53,213,183)
```
#2cdebd
```
#2cdebd rgb(44,222,189)
```
#22e8c2
```
#22e8c2 rgb(34,232,194)
```
#19f1c8
```
#19f1c8 rgb(25,241,200)
```
#10face
```
#10face rgb(16,250,206)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa39e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b2a5 Protanopia 1% of men
#c1aeb7 Deuteranopia 1% of men
#61c0ce Tritanopia 0.001% of the population

Trichromacy

#90b8a7 Protanomaly 1% of men, 0.01% of women
#95b5b2 Deuteranomaly 6% of men, 0.4% of women
#58c1c1 Tritanomaly 0.01% of the population

#48c2ab hex color

#48c2ab Color Information

#48c2ab Color Conversion

Color Schemes with #48c2ab

Alternatives to #48c2ab

#48c2ab Preview

Shades and Tints of #48c2ab

Tones of #48c2ab

Color Blindness Simulator