#1ba6bc hex color

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

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

● #1ba6bc color description : Strong cyan.

The hexadecimal color #1ba6bc has RGB values of R:27, G:166, B:188 and CMYK values of C:0.86, M:0.12, Y:0, K:0.26. Its decimal value is 1812156.

Hex triplet	1ba6bc	`#1ba6bc`
RGB Decimal	27, 166, 188	`rgb(27,166,188)`
RGB Percent	10.6, 65.1, 73.7	`rgb(10.6%,65.1%,73.7%)`
CMYK	86, 12, 0, 26
HSL	188.2°, 74.9, 42.2	`hsl(188.2,74.9%,42.2%)`
HSV (or HSB)	188.2°, 85.6, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.621, -26.571, -21.141
XYZ	23.163, 31.134, 52.363
xyY	0.217, 0.292, 31.134
CIE-LCH	62.621, 33.955, 218.507
CIE-LUV	62.621, -44.527, -28.839
Hunter-Lab	55.798, -23.548, -16.582
Binary	00011011, 10100110, 10111100

#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#bc311b
```
#bc311b rgb(188,49,27)
```

Complementary Color

#1bbc82
```
#1bbc82 rgb(27,188,130)
```
#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#1b55bc
```
#1b55bc rgb(27,85,188)
```

Analogous Color

#bc821b
```
#bc821b rgb(188,130,27)
```
#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#bc1b56
```
#bc1b56 rgb(188,27,86)
```

Split Complementary Color

#a6bc1b
```
#a6bc1b rgb(166,188,27)
```
#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#bc1ba6
```
#bc1ba6 rgb(188,27,166)
```

Triadic Color

#1bbc31
```
#1bbc31 rgb(27,188,49)
```
#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#bc1ba6
```
#bc1ba6 rgb(188,27,166)
```
#bc311b
```
#bc311b rgb(188,49,27)
```

Tetradic Color

#116b79
```
#116b79 rgb(17,107,121)
```
#157f8f
```
#157f8f rgb(21,127,143)
```
#1892a6
```
#1892a6 rgb(24,146,166)
```
#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#1ebad2
```
#1ebad2 rgb(30,186,210)
```
#2ac7e0
```
#2ac7e0 rgb(42,199,224)
```
#40cde4
```
#40cde4 rgb(64,205,228)
```

Monochromatic Color

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

#1bbcaa
```
#1bbcaa rgb(27,188,170)
```
#1bbcb7
```
#1bbcb7 rgb(27,188,183)
```
#1bb3bc
```
#1bb3bc rgb(27,179,188)
```
#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#1b99bc
```
#1b99bc rgb(27,153,188)
```
#1b8bbc
```
#1b8bbc rgb(27,139,188)
```
#1b7ebc
```
#1b7ebc rgb(27,126,188)
```

Similar Colors

Text with hexadecimal color #1ba6bc

This text has a font color of #1ba6bc.

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

#1ba6bc background color

This paragraph has a background color of #1ba6bc.

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

#1ba6bc border color

This element has a border color of #1ba6bc.

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

CSS codes

.text {color:#1ba6bc;}

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

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

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

#020f10
```
#020f10 rgb(2,15,16)
```
#051e22
```
#051e22 rgb(5,30,34)
```
#072d33
```
#072d33 rgb(7,45,51)
```
#0a3c44
```
#0a3c44 rgb(10,60,68)
```
#0c4b55
```
#0c4b55 rgb(12,75,85)
```
#0f5a66
```
#0f5a66 rgb(15,90,102)
```
#116977
```
#116977 rgb(17,105,119)
```
#147989
```
#147989 rgb(20,121,137)
```
#16889a
```
#16889a rgb(22,136,154)
```
#1997ab
```
#1997ab rgb(25,151,171)
```
#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#1db5cd
```
#1db5cd rgb(29,181,205)
```
#20c4de
```
#20c4de rgb(32,196,222)
```

Shade Color Variation

#31c9e1
```
#31c9e1 rgb(49,201,225)
```
#42cee4
```
#42cee4 rgb(66,206,228)
```
#53d2e6
```
#53d2e6 rgb(83,210,230)
```
#64d7e9
```
#64d7e9 rgb(100,215,233)
```
#75dbeb
```
#75dbeb rgb(117,219,235)
```
#86e0ee
```
#86e0ee rgb(134,224,238)
```
#97e4f0
```
#97e4f0 rgb(151,228,240)
```
#a9e8f3
```
#a9e8f3 rgb(169,232,243)
```
#baedf5
```
#baedf5 rgb(186,237,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 #02b8d5 is the most saturated one.

#657072
```
#657072 rgb(101,112,114)
```
#5d767a
```
#5d767a rgb(93,118,122)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#4d828a
```
#4d828a rgb(77,130,138)
```
#448893
```
#448893 rgb(68,136,147)
```
#3c8e9b
```
#3c8e9b rgb(60,142,155)
```
#3494a3
```
#3494a3 rgb(52,148,163)
```
#2c9aab
```
#2c9aab rgb(44,154,171)
```
#23a0b4
```
#23a0b4 rgb(35,160,180)
```
#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#13acc4
```
#13acc4 rgb(19,172,196)
```
#0ab2cd
```
#0ab2cd rgb(10,178,205)
```
#02b8d5
```
#02b8d5 rgb(2,184,213)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6b878b Atypical Achromatopsia 0.001% of the population

Dichromacy

#979bb6 Protanopia 1% of men
#949ac5 Deuteranopia 1% of men
#17abb8 Tritanopia 0.001% of the population

Trichromacy

#6a9fb8 Protanomaly 1% of men, 0.01% of women
#689ec2 Deuteranomaly 6% of men, 0.4% of women
#18a9b9 Tritanomaly 0.01% of the population

#1ba6bc hex color

#1ba6bc Color Information

#1ba6bc Color Conversion

Color Schemes with #1ba6bc

Alternatives to #1ba6bc

#1ba6bc Preview

Shades and Tints of #1ba6bc

Tones of #1ba6bc

Color Blindness Simulator