#1ba5b8 hex color

In a RGB color space, hex #1ba5b8 is composed of 10.6% red, 64.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 10.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 187.3 degrees, a saturation of 74.4% and a lightness of 41.4%. #1ba5b8 color hex could be obtained by blending #36ffff with #004b71. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 65
- B 72
RGB color chart
- C 85
- M 10
- Y 0
- K 28
CMYK color chart

● #1ba5b8 color description : Strong cyan.

The hexadecimal color #1ba5b8 has RGB values of R:27, G:165, B:184 and CMYK values of C:0.85, M:0.1, Y:0, K:0.28. Its decimal value is 1811896.

Hex triplet	1ba5b8	`#1ba5b8`
RGB Decimal	27, 165, 184	`rgb(27,165,184)`
RGB Percent	10.6, 64.7, 72.2	`rgb(10.6%,64.7%,72.2%)`
CMYK	85, 10, 0, 28
HSL	187.3°, 74.4, 41.4	`hsl(187.3,74.4%,41.4%)`
HSV (or HSB)	187.3°, 85.3, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.17, -27.378, -19.589
XYZ	22.556, 30.602, 50.063
xyY	0.219, 0.296, 30.602
CIE-LCH	62.17, 33.664, 215.583
CIE-LUV	62.17, -44.473, -26.181
Hunter-Lab	55.319, -24.024, -14.933
Binary	00011011, 10100101, 10111000

#1ba5b8
```
#1ba5b8 rgb(27,165,184)
```
#b82e1b
```
#b82e1b rgb(184,46,27)
```

Complementary Color

#1bb87d
```
#1bb87d rgb(27,184,125)
```
#1ba5b8
```
#1ba5b8 rgb(27,165,184)
```
#1b57b8
```
#1b57b8 rgb(27,87,184)
```

Analogous Color

#b87d1b
```
#b87d1b rgb(184,125,27)
```
#1ba5b8
```
#1ba5b8 rgb(27,165,184)
```
#b81b57
```
#b81b57 rgb(184,27,87)
```

Split Complementary Color

#a5b81b
```
#a5b81b rgb(165,184,27)
```
#1ba5b8
```
#1ba5b8 rgb(27,165,184)
```
#b81ba5
```
#b81ba5 rgb(184,27,165)
```

Triadic Color

#1bb82e
```
#1bb82e rgb(27,184,46)
```
#1ba5b8
```
#1ba5b8 rgb(27,165,184)
```
#b81ba5
```
#b81ba5 rgb(184,27,165)
```
#b82e1b
```
#b82e1b rgb(184,46,27)
```

Tetradic Color

#116975
```
#116975 rgb(17,105,117)
```
#147d8c
```
#147d8c rgb(20,125,140)
```
#1891a2
```
#1891a2 rgb(24,145,162)
```
#1ba5b8
```
#1ba5b8 rgb(27,165,184)
```
#1eb9ce
```
#1eb9ce rgb(30,185,206)
```
#27c9df
```
#27c9df rgb(39,201,223)
```
#3dcee3
```
#3dcee3 rgb(61,206,227)
```

Monochromatic Color

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

#1bb8a4
```
#1bb8a4 rgb(27,184,164)
```
#1bb8b1
```
#1bb8b1 rgb(27,184,177)
```
#1bb2b8
```
#1bb2b8 rgb(27,178,184)
```
#1ba5b8
```
#1ba5b8 rgb(27,165,184)
```
#1b98b8
```
#1b98b8 rgb(27,152,184)
```
#1b8bb8
```
#1b8bb8 rgb(27,139,184)
```
#1b7eb8
```
#1b7eb8 rgb(27,126,184)
```

Similar Colors

Text with hexadecimal color #1ba5b8

This text has a font color of #1ba5b8.

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

#1ba5b8 background color

This paragraph has a background color of #1ba5b8.

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

#1ba5b8 border color

This element has a border color of #1ba5b8.

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

CSS codes

.text {color:#1ba5b8;}

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

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

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

#020c0d
```
#020c0d rgb(2,12,13)
```
#041b1e
```
#041b1e rgb(4,27,30)
```
#072a2f
```
#072a2f rgb(7,42,47)
```
#093a40
```
#093a40 rgb(9,58,64)
```
#0c4951
```
#0c4951 rgb(12,73,81)
```
#0e5862
```
#0e5862 rgb(14,88,98)
```
#116874
```
#116874 rgb(17,104,116)
```
#137785
```
#137785 rgb(19,119,133)
```
#168696
```
#168696 rgb(22,134,150)
```
#1896a7
```
#1896a7 rgb(24,150,167)
```
#1ba5b8
```
#1ba5b8 rgb(27,165,184)
```
#1eb4c9
```
#1eb4c9 rgb(30,180,201)
```
#20c4da
```
#20c4da rgb(32,196,218)
```

Shade Color Variation

#2ecbe0
```
#2ecbe0 rgb(46,203,224)
```
#3fcfe3
```
#3fcfe3 rgb(63,207,227)
```
#50d3e5
```
#50d3e5 rgb(80,211,229)
```
#61d7e8
```
#61d7e8 rgb(97,215,232)
```
#72dcea
```
#72dcea rgb(114,220,234)
```
#83e0ed
```
#83e0ed rgb(131,224,237)
```
#94e4ef
```
#94e4ef rgb(148,228,239)
```
#a5e9f2
```
#a5e9f2 rgb(165,233,242)
```
#b6edf4
```
#b6edf4 rgb(182,237,244)
```
#c8f1f7
```
#c8f1f7 rgb(200,241,247)
```
#d9f5f9
```
#d9f5f9 rgb(217,245,249)
```
#eafafc
```
#eafafc rgb(234,250,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646e6f is the less saturated color, while #03b7d0 is the most saturated one.

#646e6f
```
#646e6f rgb(100,110,111)
```
#5c7477
```
#5c7477 rgb(92,116,119)
```
#547a7f
```
#547a7f rgb(84,122,127)
```
#4c8087
```
#4c8087 rgb(76,128,135)
```
#44868f
```
#44868f rgb(68,134,143)
```
#3b8c98
```
#3b8c98 rgb(59,140,152)
```
#3393a0
```
#3393a0 rgb(51,147,160)
```
#2b99a8
```
#2b99a8 rgb(43,153,168)
```
#239fb0
```
#239fb0 rgb(35,159,176)
```
#1ba5b8
```
#1ba5b8 rgb(27,165,184)
```
#13abc0
```
#13abc0 rgb(19,171,192)
```
#0bb1c8
```
#0bb1c8 rgb(11,177,200)
```
#03b7d0
```
#03b7d0 rgb(3,183,208)
```

Tone Color Variation

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

#979ab2 Protanopia 1% of men
#9499c2 Deuteranopia 1% of men
#1eaab7 Tritanopia 0.001% of the population

Trichromacy

#699eb4 Protanomaly 1% of men, 0.01% of women
#689dbe Deuteranomaly 6% of men, 0.4% of women
#1da8b7 Tritanomaly 0.01% of the population

#1ba5b8 hex color

#1ba5b8 Color Information

#1ba5b8 Color Conversion

Color Schemes with #1ba5b8

Alternatives to #1ba5b8

#1ba5b8 Preview

Shades and Tints of #1ba5b8

Tones of #1ba5b8

Color Blindness Simulator