#1ba8bc hex color

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

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

● #1ba8bc color description : Strong cyan.

The hexadecimal color #1ba8bc has RGB values of R:27, G:168, B:188 and CMYK values of C:0.86, M:0.11, Y:0, K:0.26. Its decimal value is 1812668.

Hex triplet	1ba8bc	`#1ba8bc`
RGB Decimal	27, 168, 188	`rgb(27,168,188)`
RGB Percent	10.6, 65.9, 73.7	`rgb(10.6%,65.9%,73.7%)`
CMYK	86, 11, 0, 26
HSL	187.5°, 74.9, 42.2	`hsl(187.5,74.9%,42.2%)`
HSV (or HSB)	187.5°, 85.6, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.233, -27.571, -20.207
XYZ	23.529, 31.867, 52.485
xyY	0.218, 0.295, 31.867
CIE-LCH	63.233, 34.183, 216.238
CIE-LUV	63.233, -45.228, -27.226
Hunter-Lab	56.451, -24.388, -15.609
Binary	00011011, 10101000, 10111100

#1ba8bc
```
#1ba8bc rgb(27,168,188)
```
#bc2f1b
```
#bc2f1b rgb(188,47,27)
```

Complementary Color

#1bbc80
```
#1bbc80 rgb(27,188,128)
```
#1ba8bc
```
#1ba8bc rgb(27,168,188)
```
#1b58bc
```
#1b58bc rgb(27,88,188)
```

Analogous Color

#bc801b
```
#bc801b rgb(188,128,27)
```
#1ba8bc
```
#1ba8bc rgb(27,168,188)
```
#bc1b58
```
#bc1b58 rgb(188,27,88)
```

Split Complementary Color

#a8bc1b
```
#a8bc1b rgb(168,188,27)
```
#1ba8bc
```
#1ba8bc rgb(27,168,188)
```
#bc1ba8
```
#bc1ba8 rgb(188,27,168)
```

Triadic Color

#1bbc2f
```
#1bbc2f rgb(27,188,47)
```
#1ba8bc
```
#1ba8bc rgb(27,168,188)
```
#bc1ba8
```
#bc1ba8 rgb(188,27,168)
```
#bc2f1b
```
#bc2f1b rgb(188,47,27)
```

Tetradic Color

#116c79
```
#116c79 rgb(17,108,121)
```
#15808f
```
#15808f rgb(21,128,143)
```
#1894a6
```
#1894a6 rgb(24,148,166)
```
#1ba8bc
```
#1ba8bc rgb(27,168,188)
```
#1ebcd2
```
#1ebcd2 rgb(30,188,210)
```
#2acae0
```
#2acae0 rgb(42,202,224)
```
#40cfe4
```
#40cfe4 rgb(64,207,228)
```

Monochromatic Color

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

#1bbca8
```
#1bbca8 rgb(27,188,168)
```
#1bbcb5
```
#1bbcb5 rgb(27,188,181)
```
#1bb5bc
```
#1bb5bc rgb(27,181,188)
```
#1ba8bc
```
#1ba8bc rgb(27,168,188)
```
#1b9bbc
```
#1b9bbc rgb(27,155,188)
```
#1b8dbc
```
#1b8dbc rgb(27,141,188)
```
#1b80bc
```
#1b80bc rgb(27,128,188)
```

Similar Colors

Text with hexadecimal color #1ba8bc

This text has a font color of #1ba8bc.

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

#1ba8bc background color

This paragraph has a background color of #1ba8bc.

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

#1ba8bc border color

This element has a border color of #1ba8bc.

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

CSS codes

.text {color:#1ba8bc;}

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

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

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)
```
#0a3d44
```
#0a3d44 rgb(10,61,68)
```
#0c4c55
```
#0c4c55 rgb(12,76,85)
```
#0f5b66
```
#0f5b66 rgb(15,91,102)
```
#116b77
```
#116b77 rgb(17,107,119)
```
#147a89
```
#147a89 rgb(20,122,137)
```
#16899a
```
#16899a rgb(22,137,154)
```
#1999ab
```
#1999ab rgb(25,153,171)
```
#1ba8bc
```
#1ba8bc rgb(27,168,188)
```
#1db7cd
```
#1db7cd rgb(29,183,205)
```
#20c7de
```
#20c7de rgb(32,199,222)
```

Shade Color Variation

#31cbe1
```
#31cbe1 rgb(49,203,225)
```
#42d0e4
```
#42d0e4 rgb(66,208,228)
```
#53d4e6
```
#53d4e6 rgb(83,212,230)
```
#64d8e9
```
#64d8e9 rgb(100,216,233)
```
#75ddeb
```
#75ddeb rgb(117,221,235)
```
#86e1ee
```
#86e1ee rgb(134,225,238)
```
#97e5f0
```
#97e5f0 rgb(151,229,240)
```
#a9e9f3
```
#a9e9f3 rgb(169,233,243)
```
#baeef5
```
#baeef5 rgb(186,238,245)
```
#cbf2f8
```
#cbf2f8 rgb(203,242,248)
```
#dcf6fa
```
#dcf6fa rgb(220,246,250)
```
#edfbfc
```
#edfbfc rgb(237,251,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 #02bbd5 is the most saturated one.

#657072
```
#657072 rgb(101,112,114)
```
#5d767a
```
#5d767a rgb(93,118,122)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#4d838a
```
#4d838a rgb(77,131,138)
```
#448993
```
#448993 rgb(68,137,147)
```
#3c8f9b
```
#3c8f9b rgb(60,143,155)
```
#3495a3
```
#3495a3 rgb(52,149,163)
```
#2c9cab
```
#2c9cab rgb(44,156,171)
```
#23a2b4
```
#23a2b4 rgb(35,162,180)
```
#1ba8bc
```
#1ba8bc rgb(27,168,188)
```
#13aec4
```
#13aec4 rgb(19,174,196)
```
#0ab4cd
```
#0ab4cd rgb(10,180,205)
```
#02bbd5
```
#02bbd5 rgb(2,187,213)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6c888c Atypical Achromatopsia 0.001% of the population

Dichromacy

#999db6 Protanopia 1% of men
#969bc5 Deuteranopia 1% of men
#1cadba Tritanopia 0.001% of the population

Trichromacy

#6ba1b8 Protanomaly 1% of men, 0.01% of women
#69a0c2 Deuteranomaly 6% of men, 0.4% of women
#1babba Tritanomaly 0.01% of the population

#1ba8bc hex color

#1ba8bc Color Information

#1ba8bc Color Conversion

Color Schemes with #1ba8bc

Alternatives to #1ba8bc

#1ba8bc Preview

Shades and Tints of #1ba8bc

Tones of #1ba8bc

Color Blindness Simulator