colorhexa.com

#1ba2f4 hex color

In a RGB color space, hex #1ba2f4 is composed of 10.6% red, 63.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 33.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 202.7 degrees, a saturation of 90.8% and a lightness of 53.1%. #1ba2f4 color hex could be obtained by blending #36ffff with #0045e9. Closest websafe color is: #3399ff.

- R 11
- G 64
- B 96
RGB color chart
- C 89
- M 34
- Y 0
- K 4
CMYK color chart

● #1ba2f4 color description : Vivid blue.

The hexadecimal color #1ba2f4 has RGB values of R:27, G:162, B:244 and CMYK values of C:0.89, M:0.34, Y:0, K:0.04. Its decimal value is 1811188.

Hex triplet	1ba2f4	`#1ba2f4`
RGB Decimal	27, 162, 244	`rgb(27,162,244)`
RGB Percent	10.6, 63.5, 95.7	`rgb(10.6%,63.5%,95.7%)`
CMYK	89, 34, 0, 4
HSL	202.7°, 90.8, 53.1	`hsl(202.7,90.8%,53.1%)`
HSV (or HSB)	202.7°, 88.9, 95.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.838, -4.844, -50.261
XYZ	29.697, 32.603, 90.311
xyY	0.195, 0.214, 32.603
CIE-LCH	63.838, 50.494, 264.495
CIE-LUV	63.838, -39.345, -80.299
Hunter-Lab	57.099, -7.083, -53.808
Binary	00011011, 10100010, 11110100

#1ba2f4
```
#1ba2f4 rgb(27,162,244)
```
#f46d1b
```
#f46d1b rgb(244,109,27)
```

Complementary Color

#1bf4da
```
#1bf4da rgb(27,244,218)
```
#1ba2f4
```
#1ba2f4 rgb(27,162,244)
```
#1b36f4
```
#1b36f4 rgb(27,54,244)
```

Analogous Color

#f4da1b
```
#f4da1b rgb(244,218,27)
```
#1ba2f4
```
#1ba2f4 rgb(27,162,244)
```
#f41b36
```
#f41b36 rgb(244,27,54)
```

Split Complementary Color

#a2f41b
```
#a2f41b rgb(162,244,27)
```
#1ba2f4
```
#1ba2f4 rgb(27,162,244)
```
#f41ba2
```
#f41ba2 rgb(244,27,162)
```

Triadic Color

#1bf46d
```
#1bf46d rgb(27,244,109)
```
#1ba2f4
```
#1ba2f4 rgb(27,162,244)
```
#f41ba2
```
#f41ba2 rgb(244,27,162)
```
#f46d1b
```
#f46d1b rgb(244,109,27)
```

Tetradic Color

#0977ba
```
#0977ba rgb(9,119,186)
```
#0a86d2
```
#0a86d2 rgb(10,134,210)
```
#0b96ea
```
#0b96ea rgb(11,150,234)
```
#1ba2f4
```
#1ba2f4 rgb(27,162,244)
```
#33acf5
```
#33acf5 rgb(51,172,245)
```
#4cb6f6
```
#4cb6f6 rgb(76,182,246)
```
#64c0f8
```
#64c0f8 rgb(100,192,248)
```

Monochromatic Color

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

#1bd8f4
```
#1bd8f4 rgb(27,216,244)
```
#1bc6f4
```
#1bc6f4 rgb(27,198,244)
```
#1bb4f4
```
#1bb4f4 rgb(27,180,244)
```
#1ba2f4
```
#1ba2f4 rgb(27,162,244)
```
#1b90f4
```
#1b90f4 rgb(27,144,244)
```
#1b7ef4
```
#1b7ef4 rgb(27,126,244)
```
#1b6cf4
```
#1b6cf4 rgb(27,108,244)
```

Similar Colors

Text with hexadecimal color #1ba2f4

This text has a font color of #1ba2f4.

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

#1ba2f4 background color

This paragraph has a background color of #1ba2f4.

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

#1ba2f4 border color

This element has a border color of #1ba2f4.

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

CSS codes

.text {color:#1ba2f4;}

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

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

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

#010a0f
```
#010a0f rgb(1,10,15)
```
#021622
```
#021622 rgb(2,22,34)
```
#032235
```
#032235 rgb(3,34,53)
```
#032e47
```
#032e47 rgb(3,46,71)
```
#043a5a
```
#043a5a rgb(4,58,90)
```
#05466d
```
#05466d rgb(5,70,109)
```
#065280
```
#065280 rgb(6,82,128)
```
#075e92
```
#075e92 rgb(7,94,146)
```
#086aa5
```
#086aa5 rgb(8,106,165)
```
#0976b8
```
#0976b8 rgb(9,118,184)
```
#0a82ca
```
#0a82ca rgb(10,130,202)
```
#0b8edd
```
#0b8edd rgb(11,142,221)
```
#0c9af0
```
#0c9af0 rgb(12,154,240)
```

Shade Color Variation

#1ba2f4
```
#1ba2f4 rgb(27,162,244)
```
#2eaaf5
```
#2eaaf5 rgb(46,170,245)
```
#40b1f6
```
#40b1f6 rgb(64,177,246)
```
#53b9f7
```
#53b9f7 rgb(83,185,247)
```
#66c1f8
```
#66c1f8 rgb(102,193,248)
```
#79c8f9
```
#79c8f9 rgb(121,200,249)
```
#8bd0f9
```
#8bd0f9 rgb(139,208,249)
```
#9ed7fa
```
#9ed7fa rgb(158,215,250)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#c3e7fc
```
#c3e7fc rgb(195,231,252)
```
#d6eefd
```
#d6eefd rgb(214,238,253)
```
#e9f6fe
```
#e9f6fe rgb(233,246,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#80898f
```
#80898f rgb(128,137,143)
```
#778c98
```
#778c98 rgb(119,140,152)
```
#6e8ea1
```
#6e8ea1 rgb(110,142,161)
```
#6590aa
```
#6590aa rgb(101,144,170)
```
#5b92b4
```
#5b92b4 rgb(91,146,180)
```
#5295bd
```
#5295bd rgb(82,149,189)
```
#4997c6
```
#4997c6 rgb(73,151,198)
```
#4099cf
```
#4099cf rgb(64,153,207)
```
#379bd8
```
#379bd8 rgb(55,155,216)
```
#2d9ee2
```
#2d9ee2 rgb(45,158,226)
```
#24a0eb
```
#24a0eb rgb(36,160,235)
```
#1ba2f4
```
#1ba2f4 rgb(27,162,244)
```
#12a4fd
```
#12a4fd rgb(18,164,253)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6e899a Atypical Achromatopsia 0.001% of the population

Dichromacy

#809ded Protanopia 1% of men
#66a0f7 Deuteranopia 1% of men
#00afba Tritanopia 0.001% of the population

Trichromacy

#5b9eef Protanomaly 1% of men, 0.01% of women
#4aa1f6 Deuteranomaly 6% of men, 0.4% of women
#09aacf Tritanomaly 0.01% of the population