#48c0b4 hex color

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

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

● #48c0b4 color description : Moderate cyan.

The hexadecimal color #48c0b4 has RGB values of R:72, G:192, B:180 and CMYK values of C:0.63, M:0, Y:0.06, K:0.25. Its decimal value is 4767924.

Hex triplet	48c0b4	`#48c0b4`
RGB Decimal	72, 192, 180	`rgb(72,192,180)`
RGB Percent	28.2, 75.3, 70.6	`rgb(28.2%,75.3%,70.6%)`
CMYK	63, 0, 6, 25
HSL	174°, 48.8, 51.8	`hsl(174,48.8%,51.8%)`
HSV (or HSB)	174°, 62.5, 75.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.125, -36.026, -3.866
XYZ	29.758, 42.37, 49.787
xyY	0.244, 0.348, 42.37
CIE-LCH	71.125, 36.232, 186.124
CIE-LUV	71.125, -47.831, -0.238
Hunter-Lab	65.092, -32.307, 0.215
Binary	01001000, 11000000, 10110100

#48c0b4
```
#48c0b4 rgb(72,192,180)
```
#c04854
```
#c04854 rgb(192,72,84)
```

Complementary Color

#48c078
```
#48c078 rgb(72,192,120)
```
#48c0b4
```
#48c0b4 rgb(72,192,180)
```
#4890c0
```
#4890c0 rgb(72,144,192)
```

Analogous Color

#c07848
```
#c07848 rgb(192,120,72)
```
#48c0b4
```
#48c0b4 rgb(72,192,180)
```
#c04890
```
#c04890 rgb(192,72,144)
```

Split Complementary Color

#c0b448
```
#c0b448 rgb(192,180,72)
```
#48c0b4
```
#48c0b4 rgb(72,192,180)
```
#b448c0
```
#b448c0 rgb(180,72,192)
```

Triadic Color

#54c048
```
#54c048 rgb(84,192,72)
```
#48c0b4
```
#48c0b4 rgb(72,192,180)
```
#b448c0
```
#b448c0 rgb(180,72,192)
```
#c04854
```
#c04854 rgb(192,72,84)
```

Tetradic Color

#308b82
```
#308b82 rgb(48,139,130)
```
#379e94
```
#379e94 rgb(55,158,148)
```
#3db1a6
```
#3db1a6 rgb(61,177,166)
```
#48c0b4
```
#48c0b4 rgb(72,192,180)
```
#5bc7bc
```
#5bc7bc rgb(91,199,188)
```
#6ecdc4
```
#6ecdc4 rgb(110,205,196)
```
#81d4cb
```
#81d4cb rgb(129,212,203)
```

Monochromatic Color

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

#48c096
```
#48c096 rgb(72,192,150)
```
#48c0a0
```
#48c0a0 rgb(72,192,160)
```
#48c0aa
```
#48c0aa rgb(72,192,170)
```
#48c0b4
```
#48c0b4 rgb(72,192,180)
```
#48c0be
```
#48c0be rgb(72,192,190)
```
#48b8c0
```
#48b8c0 rgb(72,184,192)
```
#48aec0
```
#48aec0 rgb(72,174,192)
```

Similar Colors

Text with hexadecimal color #48c0b4

This text has a font color of #48c0b4.

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

#48c0b4 background color

This paragraph has a background color of #48c0b4.

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

#48c0b4 border color

This element has a border color of #48c0b4.

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

CSS codes

.text {color:#48c0b4;}

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

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

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 #f7fcfc is the lightest one.

#020706
```
#020706 rgb(2,7,6)
```
#071514
```
#071514 rgb(7,21,20)
```
#0c2422
```
#0c2422 rgb(12,36,34)
```
#11322f
```
#11322f rgb(17,50,47)
```
#16413d
```
#16413d rgb(22,65,61)
```
#1b504a
```
#1b504a rgb(27,80,74)
```
#205e58
```
#205e58 rgb(32,94,88)
```
#256d66
```
#256d66 rgb(37,109,102)
```
#2a7b73
```
#2a7b73 rgb(42,123,115)
```
#308a81
```
#308a81 rgb(48,138,129)
```
#35998f
```
#35998f rgb(53,153,143)
```
#3aa79c
```
#3aa79c rgb(58,167,156)
```
#3fb6aa
```
#3fb6aa rgb(63,182,170)
```

Shade Color Variation

#48c0b4
```
#48c0b4 rgb(72,192,180)
```
#57c5ba
```
#57c5ba rgb(87,197,186)
```
#65cac0
```
#65cac0 rgb(101,202,192)
```
#74cfc6
```
#74cfc6 rgb(116,207,198)
```
#82d4cc
```
#82d4cc rgb(130,212,204)
```
#91d9d2
```
#91d9d2 rgb(145,217,210)
```
#a0ded8
```
#a0ded8 rgb(160,222,216)
```
#aee3de
```
#aee3de rgb(174,227,222)
```
#bde8e4
```
#bde8e4 rgb(189,232,228)
```
#cbedea
```
#cbedea rgb(203,237,234)
```
#daf2f0
```
#daf2f0 rgb(218,242,240)
```
#e9f7f6
```
#e9f7f6 rgb(233,247,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#818787
```
#818787 rgb(129,135,135)
```
#77918e
```
#77918e rgb(119,145,142)
```
#6e9a96
```
#6e9a96 rgb(110,154,150)
```
#64a49d
```
#64a49d rgb(100,164,157)
```
#5bada5
```
#5bada5 rgb(91,173,165)
```
#51b7ac
```
#51b7ac rgb(81,183,172)
```
#48c0b4
```
#48c0b4 rgb(72,192,180)
```
#3fc9bc
```
#3fc9bc rgb(63,201,188)
```
#35d3c3
```
#35d3c3 rgb(53,211,195)
```
#2cdccb
```
#2cdccb rgb(44,220,203)
```
#22e6d2
```
#22e6d2 rgb(34,230,210)
```
#19efda
```
#19efda rgb(25,239,218)
```
#0ff9e1
```
#0ff9e1 rgb(15,249,225)
```

Tone Color Variation

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

Dichromacy

#b6b1ae Protanopia 1% of men
#bcadbf Deuteranopia 1% of men
#5dbfcd Tritanopia 0.001% of the population

Trichromacy

#8eb6b0 Protanomaly 1% of men, 0.01% of women
#92b4bb Deuteranomaly 6% of men, 0.4% of women
#55bfc4 Tritanomaly 0.01% of the population

#48c0b4 hex color

#48c0b4 Color Information

#48c0b4 Color Conversion

Color Schemes with #48c0b4

Alternatives to #48c0b4

#48c0b4 Preview

Shades and Tints of #48c0b4

Tones of #48c0b4

Color Blindness Simulator