#1ba4bc hex color

In a RGB color space, hex #1ba4bc is composed of 10.6% red, 64.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 12.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 188.9 degrees, a saturation of 74.9% and a lightness of 42.2%. #1ba4bc color hex could be obtained by blending #36ffff with #004979. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 64
- B 74
RGB color chart
- C 86
- M 13
- Y 0
- K 26
CMYK color chart

● #1ba4bc color description : Strong cyan.

The hexadecimal color #1ba4bc has RGB values of R:27, G:164, B:188 and CMYK values of C:0.86, M:0.13, Y:0, K:0.26. Its decimal value is 1811644.

Hex triplet	1ba4bc	`#1ba4bc`
RGB Decimal	27, 164, 188	`rgb(27,164,188)`
RGB Percent	10.6, 64.3, 73.7	`rgb(10.6%,64.3%,73.7%)`
CMYK	86, 13, 0, 26
HSL	188.9°, 74.9, 42.2	`hsl(188.9,74.9%,42.2%)`
HSV (or HSB)	188.9°, 85.6, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.009, -25.563, -22.076
XYZ	22.802, 30.413, 52.243
xyY	0.216, 0.288, 30.413
CIE-LCH	62.009, 33.776, 220.814
CIE-LUV	62.009, -43.826, -30.454
Hunter-Lab	55.148, -22.703, -17.564
Binary	00011011, 10100100, 10111100

#1ba4bc
```
#1ba4bc rgb(27,164,188)
```
#bc331b
```
#bc331b rgb(188,51,27)
```

Complementary Color

#1bbc84
```
#1bbc84 rgb(27,188,132)
```
#1ba4bc
```
#1ba4bc rgb(27,164,188)
```
#1b54bc
```
#1b54bc rgb(27,84,188)
```

Analogous Color

#bc841b
```
#bc841b rgb(188,132,27)
```
#1ba4bc
```
#1ba4bc rgb(27,164,188)
```
#bc1b53
```
#bc1b53 rgb(188,27,83)
```

Split Complementary Color

#a4bc1b
```
#a4bc1b rgb(164,188,27)
```
#1ba4bc
```
#1ba4bc rgb(27,164,188)
```
#bc1ba4
```
#bc1ba4 rgb(188,27,164)
```

Triadic Color

#1bbc33
```
#1bbc33 rgb(27,188,51)
```
#1ba4bc
```
#1ba4bc rgb(27,164,188)
```
#bc1ba4
```
#bc1ba4 rgb(188,27,164)
```
#bc331b
```
#bc331b rgb(188,51,27)
```

Tetradic Color

#116a79
```
#116a79 rgb(17,106,121)
```
#157d8f
```
#157d8f rgb(21,125,143)
```
#1891a6
```
#1891a6 rgb(24,145,166)
```
#1ba4bc
```
#1ba4bc rgb(27,164,188)
```
#1eb7d2
```
#1eb7d2 rgb(30,183,210)
```
#2ac5e0
```
#2ac5e0 rgb(42,197,224)
```
#40cbe4
```
#40cbe4 rgb(64,203,228)
```

Monochromatic Color

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

#1bbcac
```
#1bbcac rgb(27,188,172)
```
#1bbcb9
```
#1bbcb9 rgb(27,188,185)
```
#1bb1bc
```
#1bb1bc rgb(27,177,188)
```
#1ba4bc
```
#1ba4bc rgb(27,164,188)
```
#1b97bc
```
#1b97bc rgb(27,151,188)
```
#1b89bc
```
#1b89bc rgb(27,137,188)
```
#1b7cbc
```
#1b7cbc rgb(27,124,188)
```

Similar Colors

Text with hexadecimal color #1ba4bc

This text has a font color of #1ba4bc.

<span style="color:#1ba4bc;">Text here</span>

#1ba4bc background color

This paragraph has a background color of #1ba4bc.

<p style="background-color:#1ba4bc;">Content here</p>

#1ba4bc border color

This element has a border color of #1ba4bc.

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

CSS codes

.text {color:#1ba4bc;}

.background {background-color:#1ba4bc;}

.border {border:1px solid #1ba4bc;}

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, #020e10 is the darkest color, while #feffff is the lightest one.

#020e10
```
#020e10 rgb(2,14,16)
```
#051d22
```
#051d22 rgb(5,29,34)
```
#072c33
```
#072c33 rgb(7,44,51)
```
#0a3b44
```
#0a3b44 rgb(10,59,68)
```
#0c4a55
```
#0c4a55 rgb(12,74,85)
```
#0f5966
```
#0f5966 rgb(15,89,102)
```
#116877
```
#116877 rgb(17,104,119)
```
#147789
```
#147789 rgb(20,119,137)
```
#16869a
```
#16869a rgb(22,134,154)
```
#1995ab
```
#1995ab rgb(25,149,171)
```
#1ba4bc
```
#1ba4bc rgb(27,164,188)
```
#1db3cd
```
#1db3cd rgb(29,179,205)
```
#20c2de
```
#20c2de rgb(32,194,222)
```

Shade Color Variation

#31c7e1
```
#31c7e1 rgb(49,199,225)
```
#42cce4
```
#42cce4 rgb(66,204,228)
```
#53d0e6
```
#53d0e6 rgb(83,208,230)
```
#64d5e9
```
#64d5e9 rgb(100,213,233)
```
#75daeb
```
#75daeb rgb(117,218,235)
```
#86deee
```
#86deee rgb(134,222,238)
```
#97e3f0
```
#97e3f0 rgb(151,227,240)
```
#a9e8f3
```
#a9e8f3 rgb(169,232,243)
```
#baecf5
```
#baecf5 rgb(186,236,245)
```
#cbf1f8
```
#cbf1f8 rgb(203,241,248)
```
#dcf6fa
```
#dcf6fa rgb(220,246,250)
```
#edfafc
```
#edfafc rgb(237,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#657072
```
#657072 rgb(101,112,114)
```
#5d767a
```
#5d767a rgb(93,118,122)
```
#557b82
```
#557b82 rgb(85,123,130)
```
#4d818a
```
#4d818a rgb(77,129,138)
```
#448793
```
#448793 rgb(68,135,147)
```
#3c8d9b
```
#3c8d9b rgb(60,141,155)
```
#3493a3
```
#3493a3 rgb(52,147,163)
```
#2c98ab
```
#2c98ab rgb(44,152,171)
```
#239eb4
```
#239eb4 rgb(35,158,180)
```
#1ba4bc
```
#1ba4bc rgb(27,164,188)
```
#13aac4
```
#13aac4 rgb(19,170,196)
```
#0ab0cd
```
#0ab0cd rgb(10,176,205)
```
#02b5d5
```
#02b5d5 rgb(2,181,213)
```

Tone Color Variation

Below, you can see how #1ba4bc 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

#7e7e7e Achromatopsia 0.005% of the population
#6a868a Atypical Achromatopsia 0.001% of the population

Dichromacy

#959ab6 Protanopia 1% of men
#9198c5 Deuteranopia 1% of men
#11aab6 Tritanopia 0.001% of the population

Trichromacy

#689db8 Protanomaly 1% of men, 0.01% of women
#669cc2 Deuteranomaly 6% of men, 0.4% of women
#14a7b8 Tritanomaly 0.01% of the population

#1ba4bc hex color

#1ba4bc Color Information

#1ba4bc Color Conversion

Color Schemes with #1ba4bc

Alternatives to #1ba4bc

#1ba4bc Preview

Shades and Tints of #1ba4bc

Tones of #1ba4bc

Color Blindness Simulator