#48a4ba hex color

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

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

● #48a4ba color description : Moderate cyan.

The hexadecimal color #48a4ba has RGB values of R:72, G:164, B:186 and CMYK values of C:0.61, M:0.12, Y:0, K:0.27. Its decimal value is 4760762.

Hex triplet	48a4ba	`#48a4ba`
RGB Decimal	72, 164, 186	`rgb(72,164,186)`
RGB Percent	28.2, 64.3, 72.9	`rgb(28.2%,64.3%,72.9%)`
CMYK	61, 12, 0, 27
HSL	191.6°, 45.2, 50.6	`hsl(191.6,45.2%,50.6%)`
HSV (or HSB)	191.6°, 61.3, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.904, -20.564, -19.503
XYZ	24.808, 31.472, 51.219
xyY	0.231, 0.293, 31.472
CIE-LCH	62.904, 28.342, 223.482
CIE-LUV	62.904, -37.044, -26.933
Hunter-Lab	56.1, -19.238, -14.862
Binary	01001000, 10100100, 10111010

#48a4ba
```
#48a4ba rgb(72,164,186)
```
#ba5e48
```
#ba5e48 rgb(186,94,72)
```

Complementary Color

#48ba97
```
#48ba97 rgb(72,186,151)
```
#48a4ba
```
#48a4ba rgb(72,164,186)
```
#486bba
```
#486bba rgb(72,107,186)
```

Analogous Color

#ba9748
```
#ba9748 rgb(186,151,72)
```
#48a4ba
```
#48a4ba rgb(72,164,186)
```
#ba486b
```
#ba486b rgb(186,72,107)
```

Split Complementary Color

#a4ba48
```
#a4ba48 rgb(164,186,72)
```
#48a4ba
```
#48a4ba rgb(72,164,186)
```
#ba48a4
```
#ba48a4 rgb(186,72,164)
```

Triadic Color

#48ba5e
```
#48ba5e rgb(72,186,94)
```
#48a4ba
```
#48a4ba rgb(72,164,186)
```
#ba48a4
```
#ba48a4 rgb(186,72,164)
```
#ba5e48
```
#ba5e48 rgb(186,94,72)
```

Tetradic Color

#327484
```
#327484 rgb(50,116,132)
```
#398496
```
#398496 rgb(57,132,150)
```
#4095a9
```
#4095a9 rgb(64,149,169)
```
#48a4ba
```
#48a4ba rgb(72,164,186)
```
#5badc1
```
#5badc1 rgb(91,173,193)
```
#6db6c8
```
#6db6c8 rgb(109,182,200)
```
#80c0cf
```
#80c0cf rgb(128,192,207)
```

Monochromatic Color

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

#48bab4
```
#48bab4 rgb(72,186,180)
```
#48b7ba
```
#48b7ba rgb(72,183,186)
```
#48aeba
```
#48aeba rgb(72,174,186)
```
#48a4ba
```
#48a4ba rgb(72,164,186)
```
#489bba
```
#489bba rgb(72,155,186)
```
#4891ba
```
#4891ba rgb(72,145,186)
```
#4888ba
```
#4888ba rgb(72,136,186)
```

Similar Colors

Text with hexadecimal color #48a4ba

This text has a font color of #48a4ba.

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

#48a4ba background color

This paragraph has a background color of #48a4ba.

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

#48a4ba border color

This element has a border color of #48a4ba.

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

CSS codes

.text {color:#48a4ba;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060e10
```
#060e10 rgb(6,14,16)
```
#0c1b1f
```
#0c1b1f rgb(12,27,31)
```
#11282d
```
#11282d rgb(17,40,45)
```
#16343b
```
#16343b rgb(22,52,59)
```
#1c4149
```
#1c4149 rgb(28,65,73)
```
#214d58
```
#214d58 rgb(33,77,88)
```
#265a66
```
#265a66 rgb(38,90,102)
```
#2c6674
```
#2c6674 rgb(44,102,116)
```
#317382
```
#317382 rgb(49,115,130)
```
#377f91
```
#377f91 rgb(55,127,145)
```
#3c8c9f
```
#3c8c9f rgb(60,140,159)
```
#4198ad
```
#4198ad rgb(65,152,173)
```

Shade Color Variation

#48a4ba
```
#48a4ba rgb(72,164,186)
```
#56abbf
```
#56abbf rgb(86,171,191)
```
#64b2c5
```
#64b2c5 rgb(100,178,197)
```
#73b9ca
```
#73b9ca rgb(115,185,202)
```
#81c0cf
```
#81c0cf rgb(129,192,207)
```
#8fc7d5
```
#8fc7d5 rgb(143,199,213)
```
#9dcfda
```
#9dcfda rgb(157,207,218)
```
#acd6e0
```
#acd6e0 rgb(172,214,224)
```
#badde5
```
#badde5 rgb(186,221,229)
```
#c8e4ea
```
#c8e4ea rgb(200,228,234)
```
#d6ebf0
```
#d6ebf0 rgb(214,235,240)
```
#e5f2f5
```
#e5f2f5 rgb(229,242,245)
```
#f3f9fa
```
#f3f9fa rgb(243,249,250)
```

Tint Color Variation

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

#78868a
```
#78868a rgb(120,134,138)
```
#6f8c93
```
#6f8c93 rgb(111,140,147)
```
#65929d
```
#65929d rgb(101,146,157)
```
#5b98a7
```
#5b98a7 rgb(91,152,167)
```
#529eb0
```
#529eb0 rgb(82,158,176)
```
#48a4ba
```
#48a4ba rgb(72,164,186)
```
#3eaac4
```
#3eaac4 rgb(62,170,196)
```
#35b0cd
```
#35b0cd rgb(53,176,205)
```
#2bb6d7
```
#2bb6d7 rgb(43,182,215)
```
#21bce1
```
#21bce1 rgb(33,188,225)
```
#18c2ea
```
#18c2ea rgb(24,194,234)
```
#0ec8f4
```
#0ec8f4 rgb(14,200,244)
```
#04cefe
```
#04cefe rgb(4,206,254)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7e9094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989cb5 Protanopia 1% of men
#979ac2 Deuteranopia 1% of men
#4da9b6 Tritanopia 0.001% of the population

Trichromacy

#7b9fb7 Protanomaly 1% of men, 0.01% of women
#7a9ebf Deuteranomaly 6% of men, 0.4% of women
#4ba7b7 Tritanomaly 0.01% of the population

#48a4ba hex color

#48a4ba Color Information

#48a4ba Color Conversion

Color Schemes with #48a4ba

Alternatives to #48a4ba

#48a4ba Preview

Shades and Tints of #48a4ba

Tones of #48a4ba

Color Blindness Simulator