#1ba5bf hex color

In a RGB color space, hex #1ba5bf is composed of 10.6% red, 64.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 13.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 189.5 degrees, a saturation of 75.2% and a lightness of 42.7%. #1ba5bf color hex could be obtained by blending #36ffff with #004b7f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 65
- B 75
RGB color chart
- C 86
- M 14
- Y 0
- K 25
CMYK color chart

● #1ba5bf color description : Strong cyan.

The hexadecimal color #1ba5bf has RGB values of R:27, G:165, B:191 and CMYK values of C:0.86, M:0.14, Y:0, K:0.25. Its decimal value is 1811903.

Hex triplet	1ba5bf	`#1ba5bf`
RGB Decimal	27, 165, 191	`rgb(27,165,191)`
RGB Percent	10.6, 64.7, 74.9	`rgb(10.6%,64.7%,74.9%)`
CMYK	86, 14, 0, 25
HSL	189.5°, 75.2, 42.7	`hsl(189.5,75.2%,42.7%)`
HSV (or HSB)	189.5°, 85.9, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.425, -25.076, -23.117
XYZ	23.308, 30.903, 54.024
xyY	0.215, 0.286, 30.903
CIE-LCH	62.425, 34.105, 222.672
CIE-LUV	62.425, -43.956, -32.251
Hunter-Lab	55.59, -22.439, -18.706
Binary	00011011, 10100101, 10111111

#1ba5bf
```
#1ba5bf rgb(27,165,191)
```
#bf351b
```
#bf351b rgb(191,53,27)
```

Complementary Color

#1bbf87
```
#1bbf87 rgb(27,191,135)
```
#1ba5bf
```
#1ba5bf rgb(27,165,191)
```
#1b53bf
```
#1b53bf rgb(27,83,191)
```

Analogous Color

#bf871b
```
#bf871b rgb(191,135,27)
```
#1ba5bf
```
#1ba5bf rgb(27,165,191)
```
#bf1b53
```
#bf1b53 rgb(191,27,83)
```

Split Complementary Color

#a5bf1b
```
#a5bf1b rgb(165,191,27)
```
#1ba5bf
```
#1ba5bf rgb(27,165,191)
```
#bf1ba5
```
#bf1ba5 rgb(191,27,165)
```

Triadic Color

#1bbf35
```
#1bbf35 rgb(27,191,53)
```
#1ba5bf
```
#1ba5bf rgb(27,165,191)
```
#bf1ba5
```
#bf1ba5 rgb(191,27,165)
```
#bf351b
```
#bf351b rgb(191,53,27)
```

Tetradic Color

#126b7c
```
#126b7c rgb(18,107,124)
```
#157e92
```
#157e92 rgb(21,126,146)
```
#1892a9
```
#1892a9 rgb(24,146,169)
```
#1ba5bf
```
#1ba5bf rgb(27,165,191)
```
#1eb8d5
```
#1eb8d5 rgb(30,184,213)
```
#2cc4e1
```
#2cc4e1 rgb(44,196,225)
```
#42cbe4
```
#42cbe4 rgb(66,203,228)
```

Monochromatic Color

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

#1bbfb0
```
#1bbfb0 rgb(27,191,176)
```
#1bbfbe
```
#1bbfbe rgb(27,191,190)
```
#1bb3bf
```
#1bb3bf rgb(27,179,191)
```
#1ba5bf
```
#1ba5bf rgb(27,165,191)
```
#1b97bf
```
#1b97bf rgb(27,151,191)
```
#1b8abf
```
#1b8abf rgb(27,138,191)
```
#1b7cbf
```
#1b7cbf rgb(27,124,191)
```

Similar Colors

Text with hexadecimal color #1ba5bf

This text has a font color of #1ba5bf.

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

#1ba5bf background color

This paragraph has a background color of #1ba5bf.

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

#1ba5bf border color

This element has a border color of #1ba5bf.

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

CSS codes

.text {color:#1ba5bf;}

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

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

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, #000202 is the darkest color, while #f0fbfd is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#031113
```
#031113 rgb(3,17,19)
```
#051f24
```
#051f24 rgb(5,31,36)
```
#082e36
```
#082e36 rgb(8,46,54)
```
#0a3d47
```
#0a3d47 rgb(10,61,71)
```
#0c4c58
```
#0c4c58 rgb(12,76,88)
```
#0f5b69
```
#0f5b69 rgb(15,91,105)
```
#116a7a
```
#116a7a rgb(17,106,122)
```
#14788b
```
#14788b rgb(20,120,139)
```
#16879d
```
#16879d rgb(22,135,157)
```
#1996ae
```
#1996ae rgb(25,150,174)
```
#1ba5bf
```
#1ba5bf rgb(27,165,191)
```
#1db4d0
```
#1db4d0 rgb(29,180,208)
```

Shade Color Variation

#22c2e0
```
#22c2e0 rgb(34,194,224)
```
#33c6e2
```
#33c6e2 rgb(51,198,226)
```
#44cbe5
```
#44cbe5 rgb(68,203,229)
```
#55d0e7
```
#55d0e7 rgb(85,208,231)
```
#66d5e9
```
#66d5e9 rgb(102,213,233)
```
#77d9ec
```
#77d9ec rgb(119,217,236)
```
#89deee
```
#89deee rgb(137,222,238)
```
#9ae3f1
```
#9ae3f1 rgb(154,227,241)
```
#abe8f3
```
#abe8f3 rgb(171,232,243)
```
#bcecf6
```
#bcecf6 rgb(188,236,246)
```
#cdf1f8
```
#cdf1f8 rgb(205,241,248)
```
#dff6fa
```
#dff6fa rgb(223,246,250)
```
#f0fbfd
```
#f0fbfd rgb(240,251,253)
```

Tint Color Variation

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

#667174
```
#667174 rgb(102,113,116)
```
#5e777c
```
#5e777c rgb(94,119,124)
```
#567d84
```
#567d84 rgb(86,125,132)
```
#4d838d
```
#4d838d rgb(77,131,141)
```
#458895
```
#458895 rgb(69,136,149)
```
#3d8e9d
```
#3d8e9d rgb(61,142,157)
```
#3494a6
```
#3494a6 rgb(52,148,166)
```
#2c9aae
```
#2c9aae rgb(44,154,174)
```
#239fb7
```
#239fb7 rgb(35,159,183)
```
#1ba5bf
```
#1ba5bf rgb(27,165,191)
```
#13abc7
```
#13abc7 rgb(19,171,199)
```
#0ab0d0
```
#0ab0d0 rgb(10,176,208)
```
#02b6d8
```
#02b6d8 rgb(2,182,216)
```

Tone Color Variation

Below, you can see how #1ba5bf 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
#6b878c Atypical Achromatopsia 0.001% of the population

Dichromacy

#959bb9 Protanopia 1% of men
#919ac8 Deuteranopia 1% of men
#00abb8 Tritanopia 0.001% of the population

Trichromacy

#689ebb Protanomaly 1% of men, 0.01% of women
#669ec5 Deuteranomaly 6% of men, 0.4% of women
#09a9ba Tritanomaly 0.01% of the population

#1ba5bf hex color

#1ba5bf Color Information

#1ba5bf Color Conversion

Color Schemes with #1ba5bf

Alternatives to #1ba5bf

#1ba5bf Preview

Shades and Tints of #1ba5bf

Tones of #1ba5bf

Color Blindness Simulator