#1ba5ec hex color

In a RGB color space, hex #1ba5ec is composed of 10.6% red, 64.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 30.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 200.4 degrees, a saturation of 84.6% and a lightness of 51.6%. #1ba5ec color hex could be obtained by blending #36ffff with #004bd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 11
- G 65
- B 93
RGB color chart
- C 89
- M 30
- Y 0
- K 7
CMYK color chart

● #1ba5ec color description : Vivid blue.

The hexadecimal color #1ba5ec has RGB values of R:27, G:165, B:236 and CMYK values of C:0.89, M:0.3, Y:0, K:0.07. Its decimal value is 1811948.

Hex triplet	1ba5ec	`#1ba5ec`
RGB Decimal	27, 165, 236	`rgb(27,165,236)`
RGB Percent	10.6, 64.7, 92.5	`rgb(10.6%,64.7%,92.5%)`
CMYK	89, 30, 0, 7
HSL	200.4°, 84.6, 51.6	`hsl(200.4,84.6%,51.6%)`
HSV (or HSB)	200.4°, 88.6, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.32, -9.43, -45.114
XYZ	29.044, 33.197, 84.229
xyY	0.198, 0.227, 33.197
CIE-LCH	64.32, 46.089, 258.193
CIE-LUV	64.32, -40.835, -71.191
Hunter-Lab	57.617, -10.85, -46.344
Binary	00011011, 10100101, 11101100

#1ba5ec
```
#1ba5ec rgb(27,165,236)
```
#ec621b
```
#ec621b rgb(236,98,27)
```

Complementary Color

#1beccb
```
#1beccb rgb(27,236,203)
```
#1ba5ec
```
#1ba5ec rgb(27,165,236)
```
#1b3dec
```
#1b3dec rgb(27,61,236)
```

Analogous Color

#eccb1b
```
#eccb1b rgb(236,203,27)
```
#1ba5ec
```
#1ba5ec rgb(27,165,236)
```
#ec1b3d
```
#ec1b3d rgb(236,27,61)
```

Split Complementary Color

#a5ec1b
```
#a5ec1b rgb(165,236,27)
```
#1ba5ec
```
#1ba5ec rgb(27,165,236)
```
#ec1ba5
```
#ec1ba5 rgb(236,27,165)
```

Triadic Color

#1bec62
```
#1bec62 rgb(27,236,98)
```
#1ba5ec
```
#1ba5ec rgb(27,165,236)
```
#ec1ba5
```
#ec1ba5 rgb(236,27,165)
```
#ec621b
```
#ec621b rgb(236,98,27)
```

Tetradic Color

#0e77ac
```
#0e77ac rgb(14,119,172)
```
#1087c4
```
#1087c4 rgb(16,135,196)
```
#1297db
```
#1297db rgb(18,151,219)
```
#1ba5ec
```
#1ba5ec rgb(27,165,236)
```
#33aeee
```
#33aeee rgb(51,174,238)
```
#4ab8f0
```
#4ab8f0 rgb(74,184,240)
```
#62c1f2
```
#62c1f2 rgb(98,193,242)
```

Monochromatic Color

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

#1bd9ec
```
#1bd9ec rgb(27,217,236)
```
#1bc8ec
```
#1bc8ec rgb(27,200,236)
```
#1bb6ec
```
#1bb6ec rgb(27,182,236)
```
#1ba5ec
```
#1ba5ec rgb(27,165,236)
```
#1b94ec
```
#1b94ec rgb(27,148,236)
```
#1b82ec
```
#1b82ec rgb(27,130,236)
```
#1b71ec
```
#1b71ec rgb(27,113,236)
```

Similar Colors

Text with hexadecimal color #1ba5ec

This text has a font color of #1ba5ec.

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

#1ba5ec background color

This paragraph has a background color of #1ba5ec.

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

#1ba5ec border color

This element has a border color of #1ba5ec.

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

CSS codes

.text {color:#1ba5ec;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#021219
```
#021219 rgb(2,18,25)
```
#041e2c
```
#041e2c rgb(4,30,44)
```
#052a3e
```
#052a3e rgb(5,42,62)
```
#073750
```
#073750 rgb(7,55,80)
```
#084362
```
#084362 rgb(8,67,98)
```
#0a5074
```
#0a5074 rgb(10,80,116)
```
#0b5c86
```
#0b5c86 rgb(11,92,134)
```
#0d6998
```
#0d6998 rgb(13,105,152)
```
#0e75aa
```
#0e75aa rgb(14,117,170)
```
#1082bc
```
#1082bc rgb(16,130,188)
```
#118ecf
```
#118ecf rgb(17,142,207)
```
#139be1
```
#139be1 rgb(19,155,225)
```

Shade Color Variation

#1ba5ec
```
#1ba5ec rgb(27,165,236)
```
#2dacee
```
#2dacee rgb(45,172,238)
```
#3fb3ef
```
#3fb3ef rgb(63,179,239)
```
#51baf1
```
#51baf1 rgb(81,186,241)
```
#63c2f2
```
#63c2f2 rgb(99,194,242)
```
#76c9f4
```
#76c9f4 rgb(118,201,244)
```
#88d0f5
```
#88d0f5 rgb(136,208,245)
```
#9ad7f7
```
#9ad7f7 rgb(154,215,247)
```
#acdef8
```
#acdef8 rgb(172,222,248)
```
#bee5fa
```
#bee5fa rgb(190,229,250)
```
#d0ecfb
```
#d0ecfb rgb(208,236,251)
```
#e2f4fd
```
#e2f4fd rgb(226,244,253)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

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

#848484
```
#848484 rgb(132,132,132)
```
#7a878d
```
#7a878d rgb(122,135,141)
```
#718a97
```
#718a97 rgb(113,138,151)
```
#678da0
```
#678da0 rgb(103,141,160)
```
#5e90aa
```
#5e90aa rgb(94,144,170)
```
#5493b3
```
#5493b3 rgb(84,147,179)
```
#4b96bd
```
#4b96bd rgb(75,150,189)
```
#4199c6
```
#4199c6 rgb(65,153,198)
```
#389cd0
```
#389cd0 rgb(56,156,208)
```
#2e9fd9
```
#2e9fd9 rgb(46,159,217)
```
#25a2e3
```
#25a2e3 rgb(37,162,227)
```
#1ba5ec
```
#1ba5ec rgb(27,165,236)
```
#12a8f6
```
#12a8f6 rgb(18,168,246)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6f8b99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#879ee4 Protanopia 1% of men
#73a1f0 Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#60a1e7 Protanomaly 1% of men, 0.01% of women
#53a2ee Deuteranomaly 6% of men, 0.4% of women
#09accd Tritanomaly 0.01% of the population

#1ba5ec hex color

#1ba5ec Color Information

#1ba5ec Color Conversion

Color Schemes with #1ba5ec

Alternatives to #1ba5ec

#1ba5ec Preview

Shades and Tints of #1ba5ec

Tones of #1ba5ec

Color Blindness Simulator