#48c1bc hex color

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

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

● #48c1bc color description : Moderate cyan.

The hexadecimal color #48c1bc has RGB values of R:72, G:193, B:188 and CMYK values of C:0.63, M:0, Y:0.03, K:0.24. Its decimal value is 4768188.

Hex triplet	48c1bc	`#48c1bc`
RGB Decimal	72, 193, 188	`rgb(72,193,188)`
RGB Percent	28.2, 75.7, 73.7	`rgb(28.2%,75.7%,73.7%)`
CMYK	63, 0, 3, 24
HSL	177.5°, 49.4, 52	`hsl(177.5,49.4%,52%)`
HSV (or HSB)	177.5°, 62.7, 75.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.654, -34.324, -7.454
XYZ	30.817, 43.146, 54.278
xyY	0.24, 0.336, 43.146
CIE-LCH	71.654, 35.124, 192.252
CIE-LUV	71.654, -47.73, -6.074
Hunter-Lab	65.686, -31.205, -3.013
Binary	01001000, 11000001, 10111100

#48c1bc
```
#48c1bc rgb(72,193,188)
```
#c1484d
```
#c1484d rgb(193,72,77)
```

Complementary Color

#48c180
```
#48c180 rgb(72,193,128)
```
#48c1bc
```
#48c1bc rgb(72,193,188)
```
#488ac1
```
#488ac1 rgb(72,138,193)
```

Analogous Color

#c18048
```
#c18048 rgb(193,128,72)
```
#48c1bc
```
#48c1bc rgb(72,193,188)
```
#c1488a
```
#c1488a rgb(193,72,138)
```

Split Complementary Color

#c1bc48
```
#c1bc48 rgb(193,188,72)
```
#48c1bc
```
#48c1bc rgb(72,193,188)
```
#bc48c1
```
#bc48c1 rgb(188,72,193)
```

Triadic Color

#4dc148
```
#4dc148 rgb(77,193,72)
```
#48c1bc
```
#48c1bc rgb(72,193,188)
```
#bc48c1
```
#bc48c1 rgb(188,72,193)
```
#c1484d
```
#c1484d rgb(193,72,77)
```

Tetradic Color

#308d89
```
#308d89 rgb(48,141,137)
```
#36a09b
```
#36a09b rgb(54,160,155)
```
#3db3ae
```
#3db3ae rgb(61,179,174)
```
#48c1bc
```
#48c1bc rgb(72,193,188)
```
#5bc7c3
```
#5bc7c3 rgb(91,199,195)
```
#6ececa
```
#6ececa rgb(110,206,202)
```
#81d4d1
```
#81d4d1 rgb(129,212,209)
```

Monochromatic Color

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

#48c19e
```
#48c19e rgb(72,193,158)
```
#48c1a8
```
#48c1a8 rgb(72,193,168)
```
#48c1b2
```
#48c1b2 rgb(72,193,178)
```
#48c1bc
```
#48c1bc rgb(72,193,188)
```
#48bcc1
```
#48bcc1 rgb(72,188,193)
```
#48b2c1
```
#48b2c1 rgb(72,178,193)
```
#48a8c1
```
#48a8c1 rgb(72,168,193)
```

Similar Colors

Text with hexadecimal color #48c1bc

This text has a font color of #48c1bc.

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

#48c1bc background color

This paragraph has a background color of #48c1bc.

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

#48c1bc border color

This element has a border color of #48c1bc.

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

CSS codes

.text {color:#48c1bc;}

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

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

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)
```
#071616
```
#071616 rgb(7,22,22)
```
#0c2524
```
#0c2524 rgb(12,37,36)
```
#113332
```
#113332 rgb(17,51,50)
```
#164240
```
#164240 rgb(22,66,64)
```
#1b514f
```
#1b514f rgb(27,81,79)
```
#205f5d
```
#205f5d rgb(32,95,93)
```
#256e6b
```
#256e6b rgb(37,110,107)
```
#2a7d79
```
#2a7d79 rgb(42,125,121)
```
#2f8b88
```
#2f8b88 rgb(47,139,136)
```
#349a96
```
#349a96 rgb(52,154,150)
```
#39a9a4
```
#39a9a4 rgb(57,169,164)
```
#3eb7b2
```
#3eb7b2 rgb(62,183,178)
```

Shade Color Variation

#48c1bc
```
#48c1bc rgb(72,193,188)
```
#57c6c1
```
#57c6c1 rgb(87,198,193)
```
#65cbc7
```
#65cbc7 rgb(101,203,199)
```
#74d0cc
```
#74d0cc rgb(116,208,204)
```
#83d5d1
```
#83d5d1 rgb(131,213,209)
```
#91dad7
```
#91dad7 rgb(145,218,215)
```
#a0dfdc
```
#a0dfdc rgb(160,223,220)
```
#afe4e2
```
#afe4e2 rgb(175,228,226)
```
#bde9e7
```
#bde9e7 rgb(189,233,231)
```
#cceeec
```
#cceeec rgb(204,238,236)
```
#dbf3f2
```
#dbf3f2 rgb(219,243,242)
```
#e9f8f7
```
#e9f8f7 rgb(233,248,247)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#818888
```
#818888 rgb(129,136,136)
```
#779291
```
#779291 rgb(119,146,145)
```
#6e9b99
```
#6e9b99 rgb(110,155,153)
```
#64a5a2
```
#64a5a2 rgb(100,165,162)
```
#5baeab
```
#5baeab rgb(91,174,171)
```
#51b8b3
```
#51b8b3 rgb(81,184,179)
```
#48c1bc
```
#48c1bc rgb(72,193,188)
```
#3fcac5
```
#3fcac5 rgb(63,202,197)
```
#35d4cd
```
#35d4cd rgb(53,212,205)
```
#2cddd6
```
#2cddd6 rgb(44,221,214)
```
#22e7df
```
#22e7df rgb(34,231,223)
```
#19f0e7
```
#19f0e7 rgb(25,240,231)
```
#0ffaf0
```
#0ffaf0 rgb(15,250,240)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba3a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b2b5 Protanopia 1% of men
#baafc7 Deuteranopia 1% of men
#5ac1cf Tritanopia 0.001% of the population

Trichromacy

#8db7b8 Protanomaly 1% of men, 0.01% of women
#91b5c3 Deuteranomaly 6% of men, 0.4% of women
#53c1c8 Tritanomaly 0.01% of the population

#48c1bc hex color

#48c1bc Color Information

#48c1bc Color Conversion

Color Schemes with #48c1bc

Alternatives to #48c1bc

#48c1bc Preview

Shades and Tints of #48c1bc

Tones of #48c1bc

Color Blindness Simulator