#1ba5cd hex color

In a RGB color space, hex #1ba5cd is composed of 10.6% red, 64.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 19.5% magenta, 0% yellow and 19.6% black. It has a hue angle of 193.5 degrees, a saturation of 76.7% and a lightness of 45.5%. #1ba5cd color hex could be obtained by blending #36ffff with #004b9b. Closest websafe color is: #3399cc.

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

● #1ba5cd color description : Strong cyan.

The hexadecimal color #1ba5cd has RGB values of R:27, G:165, B:205 and CMYK values of C:0.87, M:0.2, Y:0, K:0.2. Its decimal value is 1811917.

Hex triplet	1ba5cd	`#1ba5cd`
RGB Decimal	27, 165, 205	`rgb(27,165,205)`
RGB Percent	10.6, 64.7, 80.4	`rgb(10.6%,64.7%,80.4%)`
CMYK	87, 20, 0, 20
HSL	193.5°, 76.7, 45.5	`hsl(193.5,76.7%,45.5%)`
HSV (or HSB)	193.5°, 86.8, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.968, -20.347, -30.09
XYZ	24.924, 31.549, 62.53
xyY	0.209, 0.265, 31.549
CIE-LCH	62.968, 36.324, 235.933
CIE-LUV	62.968, -42.942, -44.431
Hunter-Lab	56.168, -19.088, -26.688
Binary	00011011, 10100101, 11001101

#1ba5cd
```
#1ba5cd rgb(27,165,205)
```
#cd431b
```
#cd431b rgb(205,67,27)
```

Complementary Color

#1bcd9c
```
#1bcd9c rgb(27,205,156)
```
#1ba5cd
```
#1ba5cd rgb(27,165,205)
```
#1b4ccd
```
#1b4ccd rgb(27,76,205)
```

Analogous Color

#cd9c1b
```
#cd9c1b rgb(205,156,27)
```
#1ba5cd
```
#1ba5cd rgb(27,165,205)
```
#cd1b4c
```
#cd1b4c rgb(205,27,76)
```

Split Complementary Color

#a5cd1b
```
#a5cd1b rgb(165,205,27)
```
#1ba5cd
```
#1ba5cd rgb(27,165,205)
```
#cd1ba5
```
#cd1ba5 rgb(205,27,165)
```

Triadic Color

#1bcd43
```
#1bcd43 rgb(27,205,67)
```
#1ba5cd
```
#1ba5cd rgb(27,165,205)
```
#cd1ba5
```
#cd1ba5 rgb(205,27,165)
```
#cd431b
```
#cd431b rgb(205,67,27)
```

Tetradic Color

#126f89
```
#126f89 rgb(18,111,137)
```
#1581a0
```
#1581a0 rgb(21,129,160)
```
#1893b6
```
#1893b6 rgb(24,147,182)
```
#1ba5cd
```
#1ba5cd rgb(27,165,205)
```
#20b6e2
```
#20b6e2 rgb(32,182,226)
```
#36bde5
```
#36bde5 rgb(54,189,229)
```
#4dc5e8
```
#4dc5e8 rgb(77,197,232)
```

Monochromatic Color

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

#1bcdc9
```
#1bcdc9 rgb(27,205,201)
```
#1bc3cd
```
#1bc3cd rgb(27,195,205)
```
#1bb4cd
```
#1bb4cd rgb(27,180,205)
```
#1ba5cd
```
#1ba5cd rgb(27,165,205)
```
#1b96cd
```
#1b96cd rgb(27,150,205)
```
#1b87cd
```
#1b87cd rgb(27,135,205)
```
#1b79cd
```
#1b79cd rgb(27,121,205)
```

Similar Colors

Text with hexadecimal color #1ba5cd

This text has a font color of #1ba5cd.

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

#1ba5cd background color

This paragraph has a background color of #1ba5cd.

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

#1ba5cd border color

This element has a border color of #1ba5cd.

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

CSS codes

.text {color:#1ba5cd;}

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

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

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

#020c0e
```
#020c0e rgb(2,12,14)
```
#041920
```
#041920 rgb(4,25,32)
```
#062731
```
#062731 rgb(6,39,49)
```
#093542
```
#093542 rgb(9,53,66)
```
#0b4354
```
#0b4354 rgb(11,67,84)
```
#0d5165
```
#0d5165 rgb(13,81,101)
```
#105f76
```
#105f76 rgb(16,95,118)
```
#126d88
```
#126d88 rgb(18,109,136)
```
#147b99
```
#147b99 rgb(20,123,153)
```
#1689aa
```
#1689aa rgb(22,137,170)
```
#1997bc
```
#1997bc rgb(25,151,188)
```
#1ba5cd
```
#1ba5cd rgb(27,165,205)
```
#1db3de
```
#1db3de rgb(29,179,222)
```

Shade Color Variation

#2cbae3
```
#2cbae3 rgb(44,186,227)
```
#3dc0e5
```
#3dc0e5 rgb(61,192,229)
```
#4fc5e8
```
#4fc5e8 rgb(79,197,232)
```
#60cbea
```
#60cbea rgb(96,203,234)
```
#71d1ec
```
#71d1ec rgb(113,209,236)
```
#83d6ef
```
#83d6ef rgb(131,214,239)
```
#94dcf1
```
#94dcf1 rgb(148,220,241)
```
#a5e2f3
```
#a5e2f3 rgb(165,226,243)
```
#b7e7f5
```
#b7e7f5 rgb(183,231,245)
```
#c8edf8
```
#c8edf8 rgb(200,237,248)
```
#d9f3fa
```
#d9f3fa rgb(217,243,250)
```
#ebf8fc
```
#ebf8fc rgb(235,248,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b797d is the less saturated color, while #00b4e8 is the most saturated one.

#6b797d
```
#6b797d rgb(107,121,125)
```
#627e86
```
#627e86 rgb(98,126,134)
```
#59838f
```
#59838f rgb(89,131,143)
```
#518897
```
#518897 rgb(81,136,151)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#3f91a9
```
#3f91a9 rgb(63,145,169)
```
#3696b2
```
#3696b2 rgb(54,150,178)
```
#2d9bbb
```
#2d9bbb rgb(45,155,187)
```
#24a0c4
```
#24a0c4 rgb(36,160,196)
```
#1ba5cd
```
#1ba5cd rgb(27,165,205)
```
#12aad6
```
#12aad6 rgb(18,170,214)
```
#09afdf
```
#09afdf rgb(9,175,223)
```
#00b4e8
```
#00b4e8 rgb(0,180,232)
```

Tone Color Variation

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

Dichromacy

#919cc6 Protanopia 1% of men
#899cd5 Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#669fc8 Protanomaly 1% of men, 0.01% of women
#619fd2 Deuteranomaly 6% of men, 0.4% of women
#09aac0 Tritanomaly 0.01% of the population

#1ba5cd hex color

#1ba5cd Color Information

#1ba5cd Color Conversion

Color Schemes with #1ba5cd

Alternatives to #1ba5cd

#1ba5cd Preview

Shades and Tints of #1ba5cd

Tones of #1ba5cd

Color Blindness Simulator