#1ba5d7 hex color

In a RGB color space, hex #1ba5d7 is composed of 10.6% red, 64.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 23.3% magenta, 0% yellow and 15.7% black. It has a hue angle of 196 degrees, a saturation of 77.7% and a lightness of 47.5%. #1ba5d7 color hex could be obtained by blending #36ffff with #004baf. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 65
- B 84
RGB color chart
- C 87
- M 23
- Y 0
- K 16
CMYK color chart

● #1ba5d7 color description : Strong blue.

The hexadecimal color #1ba5d7 has RGB values of R:27, G:165, B:215 and CMYK values of C:0.87, M:0.23, Y:0, K:0.16. Its decimal value is 1811927.

Hex triplet	1ba5d7	`#1ba5d7`
RGB Decimal	27, 165, 215	`rgb(27,165,215)`
RGB Percent	10.6, 64.7, 84.3	`rgb(10.6%,64.7%,84.3%)`
CMYK	87, 23, 0, 16
HSL	196°, 77.7, 47.5	`hsl(196,77.7%,47.5%)`
HSV (or HSB)	196°, 87.4, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.382, -16.883, -35
XYZ	26.17, 32.047, 69.093
xyY	0.206, 0.252, 32.047
CIE-LCH	63.382, 38.859, 244.248
CIE-LUV	63.382, -42.239, -53.12
Hunter-Lab	56.61, -16.551, -32.736
Binary	00011011, 10100101, 11010111

#1ba5d7
```
#1ba5d7 rgb(27,165,215)
```
#d74d1b
```
#d74d1b rgb(215,77,27)
```

Complementary Color

#1bd7ab
```
#1bd7ab rgb(27,215,171)
```
#1ba5d7
```
#1ba5d7 rgb(27,165,215)
```
#1b47d7
```
#1b47d7 rgb(27,71,215)
```

Analogous Color

#d7ab1b
```
#d7ab1b rgb(215,171,27)
```
#1ba5d7
```
#1ba5d7 rgb(27,165,215)
```
#d71b47
```
#d71b47 rgb(215,27,71)
```

Split Complementary Color

#a5d71b
```
#a5d71b rgb(165,215,27)
```
#1ba5d7
```
#1ba5d7 rgb(27,165,215)
```
#d71ba5
```
#d71ba5 rgb(215,27,165)
```

Triadic Color

#1bd74d
```
#1bd74d rgb(27,215,77)
```
#1ba5d7
```
#1ba5d7 rgb(27,165,215)
```
#d71ba5
```
#d71ba5 rgb(215,27,165)
```
#d74d1b
```
#d74d1b rgb(215,77,27)
```

Tetradic Color

#127193
```
#127193 rgb(18,113,147)
```
#1582aa
```
#1582aa rgb(21,130,170)
```
#1894c0
```
#1894c0 rgb(24,148,192)
```
#1ba5d7
```
#1ba5d7 rgb(27,165,215)
```
#28b2e4
```
#28b2e4 rgb(40,178,228)
```
#3ebae7
```
#3ebae7 rgb(62,186,231)
```
#55c2ea
```
#55c2ea rgb(85,194,234)
```

Monochromatic Color

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

#1bd4d7
```
#1bd4d7 rgb(27,212,215)
```
#1bc4d7
```
#1bc4d7 rgb(27,196,215)
```
#1bb5d7
```
#1bb5d7 rgb(27,181,215)
```
#1ba5d7
```
#1ba5d7 rgb(27,165,215)
```
#1b95d7
```
#1b95d7 rgb(27,149,215)
```
#1b86d7
```
#1b86d7 rgb(27,134,215)
```
#1b76d7
```
#1b76d7 rgb(27,118,215)
```

Similar Colors

Text with hexadecimal color #1ba5d7

This text has a font color of #1ba5d7.

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

#1ba5d7 background color

This paragraph has a background color of #1ba5d7.

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

#1ba5d7 border color

This element has a border color of #1ba5d7.

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

CSS codes

.text {color:#1ba5d7;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#031217
```
#031217 rgb(3,18,23)
```
#051f29
```
#051f29 rgb(5,31,41)
```
#072d3a
```
#072d3a rgb(7,45,58)
```
#093a4c
```
#093a4c rgb(9,58,76)
```
#0c475d
```
#0c475d rgb(12,71,93)
```
#0e556e
```
#0e556e rgb(14,85,110)
```
#106280
```
#106280 rgb(16,98,128)
```
#127091
```
#127091 rgb(18,112,145)
```
#147da3
```
#147da3 rgb(20,125,163)
```
#178ab4
```
#178ab4 rgb(23,138,180)
```
#1998c6
```
#1998c6 rgb(25,152,198)
```
#1ba5d7
```
#1ba5d7 rgb(27,165,215)
```

Shade Color Variation

#22b0e3
```
#22b0e3 rgb(34,176,227)
```
#34b6e5
```
#34b6e5 rgb(52,182,229)
```
#45bce8
```
#45bce8 rgb(69,188,232)
```
#57c3ea
```
#57c3ea rgb(87,195,234)
```
#68c9ec
```
#68c9ec rgb(104,201,236)
```
#79cfee
```
#79cfee rgb(121,207,238)
```
#8bd5f0
```
#8bd5f0 rgb(139,213,240)
```
#9cdcf3
```
#9cdcf3 rgb(156,220,243)
```
#aee2f5
```
#aee2f5 rgb(174,226,245)
```
#bfe8f7
```
#bfe8f7 rgb(191,232,247)
```
#d1eef9
```
#d1eef9 rgb(209,238,249)
```
#e2f5fb
```
#e2f5fb rgb(226,245,251)
```
#f3fbfe
```
#f3fbfe rgb(243,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797a is the less saturated color, while #08aeea is the most saturated one.

#78797a
```
#78797a rgb(120,121,122)
```
#6f7e83
```
#6f7e83 rgb(111,126,131)
```
#65828d
```
#65828d rgb(101,130,141)
```
#5c8796
```
#5c8796 rgb(92,135,150)
```
#538b9f
```
#538b9f rgb(83,139,159)
```
#4a8fa8
```
#4a8fa8 rgb(74,143,168)
```
#4094b2
```
#4094b2 rgb(64,148,178)
```
#3798bb
```
#3798bb rgb(55,152,187)
```
#2e9cc4
```
#2e9cc4 rgb(46,156,196)
```
#24a1ce
```
#24a1ce rgb(36,161,206)
```
#1ba5d7
```
#1ba5d7 rgb(27,165,215)
```
#12a9e0
```
#12a9e0 rgb(18,169,224)
```
#08aeea
```
#08aeea rgb(8,174,234)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6d8892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9cd0 Protanopia 1% of men
#839dde Deuteranopia 1% of men
#00aeba Tritanopia 0.001% of the population

Trichromacy

#649fd2 Protanomaly 1% of men, 0.01% of women
#5da0db Deuteranomaly 6% of men, 0.4% of women
#09aac4 Tritanomaly 0.01% of the population

#1ba5d7 hex color

#1ba5d7 Color Information

#1ba5d7 Color Conversion

Color Schemes with #1ba5d7

Alternatives to #1ba5d7

#1ba5d7 Preview

Shades and Tints of #1ba5d7

Tones of #1ba5d7

Color Blindness Simulator