#48bacb hex color

In a RGB color space, hex #48bacb is composed of 28.2% red, 72.9% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 8.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 187.8 degrees, a saturation of 55.7% and a lightness of 53.9%. #48bacb color hex could be obtained by blending #90ffff with #007597. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 73
- B 80
RGB color chart
- C 65
- M 8
- Y 0
- K 20
CMYK color chart

● #48bacb color description : Moderate cyan.

The hexadecimal color #48bacb has RGB values of R:72, G:186, B:203 and CMYK values of C:0.65, M:0.08, Y:0, K:0.2. Its decimal value is 4766411.

Hex triplet	48bacb	`#48bacb`
RGB Decimal	72, 186, 203	`rgb(72,186,203)`
RGB Percent	28.2, 72.9, 79.6	`rgb(28.2%,72.9%,79.6%)`
CMYK	65, 8, 0, 20
HSL	187.8°, 55.7, 53.9	`hsl(187.8,55.7%,53.9%)`
HSV (or HSB)	187.8°, 64.5, 79.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.039, -26.655, -18.083
XYZ	31.008, 40.805, 62.739
xyY	0.23, 0.303, 40.805
CIE-LCH	70.039, 32.21, 214.154
CIE-LUV	70.039, -44.284, -24.187
Hunter-Lab	63.879, -25.14, -13.517
Binary	01001000, 10111010, 11001011

#48bacb
```
#48bacb rgb(72,186,203)
```
#cb5948
```
#cb5948 rgb(203,89,72)
```

Complementary Color

#48cb9b
```
#48cb9b rgb(72,203,155)
```
#48bacb
```
#48bacb rgb(72,186,203)
```
#4879cb
```
#4879cb rgb(72,121,203)
```

Analogous Color

#cb9b48
```
#cb9b48 rgb(203,155,72)
```
#48bacb
```
#48bacb rgb(72,186,203)
```
#cb4879
```
#cb4879 rgb(203,72,121)
```

Split Complementary Color

#bacb48
```
#bacb48 rgb(186,203,72)
```
#48bacb
```
#48bacb rgb(72,186,203)
```
#cb48ba
```
#cb48ba rgb(203,72,186)
```

Triadic Color

#48cb59
```
#48cb59 rgb(72,203,89)
```
#48bacb
```
#48bacb rgb(72,186,203)
```
#cb48ba
```
#cb48ba rgb(203,72,186)
```
#cb5948
```
#cb5948 rgb(203,89,72)
```

Tetradic Color

#2c8c9b
```
#2c8c9b rgb(44,140,155)
```
#329eae
```
#329eae rgb(50,158,174)
```
#37b0c2
```
#37b0c2 rgb(55,176,194)
```
#48bacb
```
#48bacb rgb(72,186,203)
```
#5cc1d1
```
#5cc1d1 rgb(92,193,209)
```
#70c9d6
```
#70c9d6 rgb(112,201,214)
```
#84d0dc
```
#84d0dc rgb(132,208,220)
```

Monochromatic Color

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

#48cbbb
```
#48cbbb rgb(72,203,187)
```
#48cbc6
```
#48cbc6 rgb(72,203,198)
```
#48c5cb
```
#48c5cb rgb(72,197,203)
```
#48bacb
```
#48bacb rgb(72,186,203)
```
#48afcb
```
#48afcb rgb(72,175,203)
```
#48a4cb
```
#48a4cb rgb(72,164,203)
```
#4899cb
```
#4899cb rgb(72,153,203)
```

Similar Colors

Text with hexadecimal color #48bacb

This text has a font color of #48bacb.

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

#48bacb background color

This paragraph has a background color of #48bacb.

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

#48bacb border color

This element has a border color of #48bacb.

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

CSS codes

.text {color:#48bacb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040e10
```
#040e10 rgb(4,14,16)
```
#091c1f
```
#091c1f rgb(9,28,31)
```
#0d2a2e
```
#0d2a2e rgb(13,42,46)
```
#11383d
```
#11383d rgb(17,56,61)
```
#16464d
```
#16464d rgb(22,70,77)
```
#1a535c
```
#1a535c rgb(26,83,92)
```
#1e616b
```
#1e616b rgb(30,97,107)
```
#236f7a
```
#236f7a rgb(35,111,122)
```
#277d8a
```
#277d8a rgb(39,125,138)
```
#2b8b99
```
#2b8b99 rgb(43,139,153)
```
#3099a8
```
#3099a8 rgb(48,153,168)
```
#34a7b8
```
#34a7b8 rgb(52,167,184)
```

Shade Color Variation

#39b4c7
```
#39b4c7 rgb(57,180,199)
```
#48bacb
```
#48bacb rgb(72,186,203)
```
#57c0cf
```
#57c0cf rgb(87,192,207)
```
#67c6d4
```
#67c6d4 rgb(103,198,212)
```
#76cbd8
```
#76cbd8 rgb(118,203,216)
```
#85d1dc
```
#85d1dc rgb(133,209,220)
```
#94d7e1
```
#94d7e1 rgb(148,215,225)
```
#a4dde5
```
#a4dde5 rgb(164,221,229)
```
#b3e2e9
```
#b3e2e9 rgb(179,226,233)
```
#c2e8ee
```
#c2e8ee rgb(194,232,238)
```
#d1eef2
```
#d1eef2 rgb(209,238,242)
```
#e1f4f6
```
#e1f4f6 rgb(225,244,246)
```
#f0f9fb
```
#f0f9fb rgb(240,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878b8c is the less saturated color, while #1bdbf8 is the most saturated one.

#878b8c
```
#878b8c rgb(135,139,140)
```
#7e9295
```
#7e9295 rgb(126,146,149)
```
#75999e
```
#75999e rgb(117,153,158)
```
#6c9fa7
```
#6c9fa7 rgb(108,159,167)
```
#63a6b0
```
#63a6b0 rgb(99,166,176)
```
#5aadb9
```
#5aadb9 rgb(90,173,185)
```
#51b3c2
```
#51b3c2 rgb(81,179,194)
```
#48bacb
```
#48bacb rgb(72,186,203)
```
#3fc1d4
```
#3fc1d4 rgb(63,193,212)
```
#36c7dd
```
#36c7dd rgb(54,199,221)
```
#2dcee6
```
#2dcee6 rgb(45,206,230)
```
#24d5ef
```
#24d5ef rgb(36,213,239)
```
#1bdbf8
```
#1bdbf8 rgb(27,219,248)
```

Tone Color Variation

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

Dichromacy

#abaec4 Protanopia 1% of men
#acacd4 Deuteranopia 1% of men
#50bdcb Tritanopia 0.001% of the population

Trichromacy

#87b2c6 Protanomaly 1% of men, 0.01% of women
#87b1d0 Deuteranomaly 6% of men, 0.4% of women
#4dbccb Tritanomaly 0.01% of the population

#48bacb hex color

#48bacb Color Information

#48bacb Color Conversion

Color Schemes with #48bacb

Alternatives to #48bacb

#48bacb Preview

Shades and Tints of #48bacb

Tones of #48bacb

Color Blindness Simulator