#48b1ba hex color

In a RGB color space, hex #48b1ba is composed of 28.2% red, 69.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 4.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 184.7 degrees, a saturation of 45.2% and a lightness of 50.6%. #48b1ba color hex could be obtained by blending #90ffff with #006375. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 69
- B 73
RGB color chart
- C 61
- M 5
- Y 0
- K 27
CMYK color chart

● #48b1ba color description : Moderate cyan.

The hexadecimal color #48b1ba has RGB values of R:72, G:177, B:186 and CMYK values of C:0.61, M:0.05, Y:0, K:0.27. Its decimal value is 4764090.

Hex triplet	48b1ba	`#48b1ba`
RGB Decimal	72, 177, 186	`rgb(72,177,186)`
RGB Percent	28.2, 69.4, 72.9	`rgb(28.2%,69.4%,72.9%)`
CMYK	61, 5, 0, 27
HSL	184.7°, 45.2, 50.6	`hsl(184.7,45.2%,50.6%)`
HSV (or HSB)	184.7°, 61.3, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.798, -27.172, -13.61
XYZ	27.255, 36.365, 52.034
xyY	0.236, 0.314, 36.365
CIE-LCH	66.798, 30.39, 206.606
CIE-LUV	66.798, -41.906, -16.745
Hunter-Lab	60.303, -24.855, -8.948
Binary	01001000, 10110001, 10111010

#48b1ba
```
#48b1ba rgb(72,177,186)
```
#ba5148
```
#ba5148 rgb(186,81,72)
```

Complementary Color

#48ba8a
```
#48ba8a rgb(72,186,138)
```
#48b1ba
```
#48b1ba rgb(72,177,186)
```
#4878ba
```
#4878ba rgb(72,120,186)
```

Analogous Color

#ba8a48
```
#ba8a48 rgb(186,138,72)
```
#48b1ba
```
#48b1ba rgb(72,177,186)
```
#ba4878
```
#ba4878 rgb(186,72,120)
```

Split Complementary Color

#b1ba48
```
#b1ba48 rgb(177,186,72)
```
#48b1ba
```
#48b1ba rgb(72,177,186)
```
#ba48b1
```
#ba48b1 rgb(186,72,177)
```

Triadic Color

#48ba51
```
#48ba51 rgb(72,186,81)
```
#48b1ba
```
#48b1ba rgb(72,177,186)
```
#ba48b1
```
#ba48b1 rgb(186,72,177)
```
#ba5148
```
#ba5148 rgb(186,81,72)
```

Tetradic Color

#327d84
```
#327d84 rgb(50,125,132)
```
#398f96
```
#398f96 rgb(57,143,150)
```
#40a1a9
```
#40a1a9 rgb(64,161,169)
```
#48b1ba
```
#48b1ba rgb(72,177,186)
```
#5bb9c1
```
#5bb9c1 rgb(91,185,193)
```
#6dc1c8
```
#6dc1c8 rgb(109,193,200)
```
#80c9cf
```
#80c9cf rgb(128,201,207)
```

Monochromatic Color

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

#48baa7
```
#48baa7 rgb(72,186,167)
```
#48bab0
```
#48bab0 rgb(72,186,176)
```
#48baba
```
#48baba rgb(72,186,186)
```
#48b1ba
```
#48b1ba rgb(72,177,186)
```
#48a8ba
```
#48a8ba rgb(72,168,186)
```
#489eba
```
#489eba rgb(72,158,186)
```
#4895ba
```
#4895ba rgb(72,149,186)
```

Similar Colors

Text with hexadecimal color #48b1ba

This text has a font color of #48b1ba.

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

#48b1ba background color

This paragraph has a background color of #48b1ba.

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

#48b1ba border color

This element has a border color of #48b1ba.

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

CSS codes

.text {color:#48b1ba;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#061010
```
#061010 rgb(6,16,16)
```
#0c1d1f
```
#0c1d1f rgb(12,29,31)
```
#112b2d
```
#112b2d rgb(17,43,45)
```
#16383b
```
#16383b rgb(22,56,59)
```
#1c4649
```
#1c4649 rgb(28,70,73)
```
#215358
```
#215358 rgb(33,83,88)
```
#266166
```
#266166 rgb(38,97,102)
```
#2c6e74
```
#2c6e74 rgb(44,110,116)
```
#317c82
```
#317c82 rgb(49,124,130)
```
#378a91
```
#378a91 rgb(55,138,145)
```
#3c979f
```
#3c979f rgb(60,151,159)
```
#41a5ad
```
#41a5ad rgb(65,165,173)
```

Shade Color Variation

#48b1ba
```
#48b1ba rgb(72,177,186)
```
#56b7bf
```
#56b7bf rgb(86,183,191)
```
#64bdc5
```
#64bdc5 rgb(100,189,197)
```
#73c3ca
```
#73c3ca rgb(115,195,202)
```
#81c9cf
```
#81c9cf rgb(129,201,207)
```
#8fcfd5
```
#8fcfd5 rgb(143,207,213)
```
#9dd5da
```
#9dd5da rgb(157,213,218)
```
#acdce0
```
#acdce0 rgb(172,220,224)
```
#bae2e5
```
#bae2e5 rgb(186,226,229)
```
#c8e8ea
```
#c8e8ea rgb(200,232,234)
```
#d6eef0
```
#d6eef0 rgb(214,238,240)
```
#e5f4f5
```
#e5f4f5 rgb(229,244,245)
```
#f3fafa
```
#f3fafa rgb(243,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78888a is the less saturated color, while #04eafe is the most saturated one.

#78888a
```
#78888a rgb(120,136,138)
```
#6f9093
```
#6f9093 rgb(111,144,147)
```
#65999d
```
#65999d rgb(101,153,157)
```
#5ba1a7
```
#5ba1a7 rgb(91,161,167)
```
#52a9b0
```
#52a9b0 rgb(82,169,176)
```
#48b1ba
```
#48b1ba rgb(72,177,186)
```
#3eb9c4
```
#3eb9c4 rgb(62,185,196)
```
#35c1cd
```
#35c1cd rgb(53,193,205)
```
#2bc9d7
```
#2bc9d7 rgb(43,201,215)
```
#21d2e1
```
#21d2e1 rgb(33,210,225)
```
#18daea
```
#18daea rgb(24,218,234)
```
#0ee2f4
```
#0ee2f4 rgb(14,226,244)
```
#04eafe
```
#04eafe rgb(4,234,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#84999b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6b4 Protanopia 1% of men
#a8a3c3 Deuteranopia 1% of men
#53b4c1 Tritanopia 0.001% of the population

Trichromacy

#83aab6 Protanomaly 1% of men, 0.01% of women
#85a8c0 Deuteranomaly 6% of men, 0.4% of women
#4fb3be Tritanomaly 0.01% of the population

#48b1ba hex color

#48b1ba Color Information

#48b1ba Color Conversion

Color Schemes with #48b1ba

Alternatives to #48b1ba

#48b1ba Preview

Shades and Tints of #48b1ba

Tones of #48b1ba

Color Blindness Simulator