#48c0a4 hex color

In a RGB color space, hex #48c0a4 is composed of 28.2% red, 75.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 14.6% yellow and 24.7% black. It has a hue angle of 166 degrees, a saturation of 48.8% and a lightness of 51.8%. #48c0a4 color hex could be obtained by blending #90ffff with #008149. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 75
- B 64
RGB color chart
- C 63
- M 0
- Y 15
- K 25
CMYK color chart

● #48c0a4 color description : Moderate cyan.

The hexadecimal color #48c0a4 has RGB values of R:72, G:192, B:164 and CMYK values of C:0.63, M:0, Y:0.15, K:0.25. Its decimal value is 4767908.

Hex triplet	48c0a4	`#48c0a4`
RGB Decimal	72, 192, 164	`rgb(72,192,164)`
RGB Percent	28.2, 75.3, 64.3	`rgb(28.2%,75.3%,64.3%)`
CMYK	63, 0, 15, 25
HSL	166°, 48.8, 51.8	`hsl(166,48.8%,51.8%)`
HSV (or HSB)	166°, 62.5, 75.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.702, -40.15, 4.254
XYZ	28.221, 41.755, 41.692
xyY	0.253, 0.374, 41.755
CIE-LCH	70.702, 40.374, 173.952
CIE-LUV	70.702, -48.758, 12.579
Hunter-Lab	64.618, -35.125, 6.978
Binary	01001000, 11000000, 10100100

#48c0a4
```
#48c0a4 rgb(72,192,164)
```
#c04864
```
#c04864 rgb(192,72,100)
```

Complementary Color

#48c068
```
#48c068 rgb(72,192,104)
```
#48c0a4
```
#48c0a4 rgb(72,192,164)
```
#48a0c0
```
#48a0c0 rgb(72,160,192)
```

Analogous Color

#c06848
```
#c06848 rgb(192,104,72)
```
#48c0a4
```
#48c0a4 rgb(72,192,164)
```
#c048a0
```
#c048a0 rgb(192,72,160)
```

Split Complementary Color

#c0a448
```
#c0a448 rgb(192,164,72)
```
#48c0a4
```
#48c0a4 rgb(72,192,164)
```
#a448c0
```
#a448c0 rgb(164,72,192)
```

Triadic Color

#64c048
```
#64c048 rgb(100,192,72)
```
#48c0a4
```
#48c0a4 rgb(72,192,164)
```
#a448c0
```
#a448c0 rgb(164,72,192)
```
#c04864
```
#c04864 rgb(192,72,100)
```

Tetradic Color

#308b76
```
#308b76 rgb(48,139,118)
```
#379e86
```
#379e86 rgb(55,158,134)
```
#3db196
```
#3db196 rgb(61,177,150)
```
#48c0a4
```
#48c0a4 rgb(72,192,164)
```
#5bc7ad
```
#5bc7ad rgb(91,199,173)
```
#6ecdb7
```
#6ecdb7 rgb(110,205,183)
```
#81d4c0
```
#81d4c0 rgb(129,212,192)
```

Monochromatic Color

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

#48c086
```
#48c086 rgb(72,192,134)
```
#48c090
```
#48c090 rgb(72,192,144)
```
#48c09a
```
#48c09a rgb(72,192,154)
```
#48c0a4
```
#48c0a4 rgb(72,192,164)
```
#48c0ae
```
#48c0ae rgb(72,192,174)
```
#48c0b8
```
#48c0b8 rgb(72,192,184)
```
#48bec0
```
#48bec0 rgb(72,190,192)
```

Similar Colors

Text with hexadecimal color #48c0a4

This text has a font color of #48c0a4.

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

#48c0a4 background color

This paragraph has a background color of #48c0a4.

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

#48c0a4 border color

This element has a border color of #48c0a4.

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

CSS codes

.text {color:#48c0a4;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#071512
```
#071512 rgb(7,21,18)
```
#0c241e
```
#0c241e rgb(12,36,30)
```
#11322b
```
#11322b rgb(17,50,43)
```
#164137
```
#164137 rgb(22,65,55)
```
#1b5043
```
#1b5043 rgb(27,80,67)
```
#205e50
```
#205e50 rgb(32,94,80)
```
#256d5c
```
#256d5c rgb(37,109,92)
```
#2a7b69
```
#2a7b69 rgb(42,123,105)
```
#308a75
```
#308a75 rgb(48,138,117)
```
#359981
```
#359981 rgb(53,153,129)
```
#3aa78e
```
#3aa78e rgb(58,167,142)
```
#3fb69a
```
#3fb69a rgb(63,182,154)
```

Shade Color Variation

#48c0a4
```
#48c0a4 rgb(72,192,164)
```
#57c5ab
```
#57c5ab rgb(87,197,171)
```
#65cab3
```
#65cab3 rgb(101,202,179)
```
#74cfba
```
#74cfba rgb(116,207,186)
```
#82d4c1
```
#82d4c1 rgb(130,212,193)
```
#91d9c8
```
#91d9c8 rgb(145,217,200)
```
#a0ded0
```
#a0ded0 rgb(160,222,208)
```
#aee3d7
```
#aee3d7 rgb(174,227,215)
```
#bde8de
```
#bde8de rgb(189,232,222)
```
#cbede5
```
#cbede5 rgb(203,237,229)
```
#daf2ed
```
#daf2ed rgb(218,242,237)
```
#e9f7f4
```
#e9f7f4 rgb(233,247,244)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#818786
```
#818786 rgb(129,135,134)
```
#77918b
```
#77918b rgb(119,145,139)
```
#6e9a90
```
#6e9a90 rgb(110,154,144)
```
#64a495
```
#64a495 rgb(100,164,149)
```
#5bad9a
```
#5bad9a rgb(91,173,154)
```
#51b79f
```
#51b79f rgb(81,183,159)
```
#48c0a4
```
#48c0a4 rgb(72,192,164)
```
#3fc9a9
```
#3fc9a9 rgb(63,201,169)
```
#35d3ae
```
#35d3ae rgb(53,211,174)
```
#2cdcb3
```
#2cdcb3 rgb(44,220,179)
```
#22e6b8
```
#22e6b8 rgb(34,230,184)
```
#19efbd
```
#19efbd rgb(25,239,189)
```
#0ff9c2
```
#0ff9c2 rgb(15,249,194)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#89a19b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b09f Protanopia 1% of men
#c1abb0 Deuteranopia 1% of men
#62becc Tritanopia 0.001% of the population

Trichromacy

#8fb6a1 Protanomaly 1% of men, 0.01% of women
#95b3ac Deuteranomaly 6% of men, 0.4% of women
#58bebd Tritanomaly 0.01% of the population

#48c0a4 hex color

#48c0a4 Color Information

#48c0a4 Color Conversion

Color Schemes with #48c0a4

Alternatives to #48c0a4

#48c0a4 Preview

Shades and Tints of #48c0a4

Tones of #48c0a4

Color Blindness Simulator