#1ba0fc hex color

In a RGB color space, hex #1ba0fc is composed of 10.6% red, 62.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 36.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 204.5 degrees, a saturation of 97.4% and a lightness of 54.7%. #1ba0fc color hex could be obtained by blending #36ffff with #0041f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 11
- G 63
- B 99
RGB color chart
- C 89
- M 37
- Y 0
- K 1
CMYK color chart

● #1ba0fc color description : Vivid blue.

The hexadecimal color #1ba0fc has RGB values of R:27, G:160, B:252 and CMYK values of C:0.89, M:0.37, Y:0, K:0.01. Its decimal value is 1810684.

Hex triplet	1ba0fc	`#1ba0fc`
RGB Decimal	27, 160, 252	`rgb(27,160,252)`
RGB Percent	10.6, 62.7, 98.8	`rgb(10.6%,62.7%,98.8%)`
CMYK	89, 37, 0, 1
HSL	204.5°, 97.4, 54.7	`hsl(204.5,97.4%,54.7%)`
HSV (or HSB)	204.5°, 89.3, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.672, -0.768, -54.899
XYZ	30.589, 32.4, 96.732
xyY	0.192, 0.203, 32.4
CIE-LCH	63.672, 54.904, 269.199
CIE-LUV	63.672, -38.225, -88.486
Hunter-Lab	56.921, -3.686, -60.913
Binary	00011011, 10100000, 11111100

#1ba0fc
```
#1ba0fc rgb(27,160,252)
```
#fc771b
```
#fc771b rgb(252,119,27)
```

Complementary Color

#1bfce8
```
#1bfce8 rgb(27,252,232)
```
#1ba0fc
```
#1ba0fc rgb(27,160,252)
```
#1b30fc
```
#1b30fc rgb(27,48,252)
```

Analogous Color

#fce81b
```
#fce81b rgb(252,232,27)
```
#1ba0fc
```
#1ba0fc rgb(27,160,252)
```
#fc1b30
```
#fc1b30 rgb(252,27,48)
```

Split Complementary Color

#a0fc1b
```
#a0fc1b rgb(160,252,27)
```
#1ba0fc
```
#1ba0fc rgb(27,160,252)
```
#fc1ba0
```
#fc1ba0 rgb(252,27,160)
```

Triadic Color

#1bfc77
```
#1bfc77 rgb(27,252,119)
```
#1ba0fc
```
#1ba0fc rgb(27,160,252)
```
#fc1ba0
```
#fc1ba0 rgb(252,27,160)
```
#fc771b
```
#fc771b rgb(252,119,27)
```

Tetradic Color

#0377c8
```
#0377c8 rgb(3,119,200)
```
#0386e1
```
#0386e1 rgb(3,134,225)
```
#0395fa
```
#0395fa rgb(3,149,250)
```
#1ba0fc
```
#1ba0fc rgb(27,160,252)
```
#34aafc
```
#34aafc rgb(52,170,252)
```
#4db5fd
```
#4db5fd rgb(77,181,253)
```
#67bffd
```
#67bffd rgb(103,191,253)
```

Monochromatic Color

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

#1bd8fc
```
#1bd8fc rgb(27,216,252)
```
#1bc6fc
```
#1bc6fc rgb(27,198,252)
```
#1bb3fc
```
#1bb3fc rgb(27,179,252)
```
#1ba0fc
```
#1ba0fc rgb(27,160,252)
```
#1b8dfc
```
#1b8dfc rgb(27,141,252)
```
#1b7bfc
```
#1b7bfc rgb(27,123,252)
```
#1b68fc
```
#1b68fc rgb(27,104,252)
```

Similar Colors

Text with hexadecimal color #1ba0fc

This text has a font color of #1ba0fc.

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

#1ba0fc background color

This paragraph has a background color of #1ba0fc.

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

#1ba0fc border color

This element has a border color of #1ba0fc.

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

CSS codes

.text {color:#1ba0fc;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#000e18
```
#000e18 rgb(0,14,24)
```
#011a2b
```
#011a2b rgb(1,26,43)
```
#01253e
```
#01253e rgb(1,37,62)
```
#013152
```
#013152 rgb(1,49,82)
```
#013c65
```
#013c65 rgb(1,60,101)
```
#024878
```
#024878 rgb(2,72,120)
```
#02538c
```
#02538c rgb(2,83,140)
```
#025f9f
```
#025f9f rgb(2,95,159)
```
#026bb3
```
#026bb3 rgb(2,107,179)
```
#0376c6
```
#0376c6 rgb(3,118,198)
```
#0382d9
```
#0382d9 rgb(3,130,217)
```
#038ded
```
#038ded rgb(3,141,237)
```

Shade Color Variation

#0898fc
```
#0898fc rgb(8,152,252)
```
#1ba0fc
```
#1ba0fc rgb(27,160,252)
```
#2ea8fc
```
#2ea8fc rgb(46,168,252)
```
#42b0fd
```
#42b0fd rgb(66,176,253)
```
#55b8fd
```
#55b8fd rgb(85,184,253)
```
#68c0fd
```
#68c0fd rgb(104,192,253)
```
#7cc8fd
```
#7cc8fd rgb(124,200,253)
```
#8fd0fe
```
#8fd0fe rgb(143,208,254)
```
#a3d8fe
```
#a3d8fe rgb(163,216,254)
```
#b6e1fe
```
#b6e1fe rgb(182,225,254)
```
#c9e9fe
```
#c9e9fe rgb(201,233,254)
```
#ddf1ff
```
#ddf1ff rgb(221,241,255)
```
#f0f9ff
```
#f0f9ff rgb(240,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868d91 is the less saturated color, while #1ba0fc is the most saturated one.

#868d91
```
#868d91 rgb(134,141,145)
```
#7d8e9a
```
#7d8e9a rgb(125,142,154)
```
#7490a3
```
#7490a3 rgb(116,144,163)
```
#6b91ac
```
#6b91ac rgb(107,145,172)
```
#6293b5
```
#6293b5 rgb(98,147,181)
```
#5995be
```
#5995be rgb(89,149,190)
```
#5096c7
```
#5096c7 rgb(80,150,199)
```
#4798d0
```
#4798d0 rgb(71,152,208)
```
#3f9ad8
```
#3f9ad8 rgb(63,154,216)
```
#369be1
```
#369be1 rgb(54,155,225)
```
#2d9dea
```
#2d9dea rgb(45,157,234)
```
#249ef3
```
#249ef3 rgb(36,158,243)
```
#1ba0fc
```
#1ba0fc rgb(27,160,252)
```

Tone Color Variation

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

Dichromacy

#7a9cf5 Protanopia 1% of men
#58a0fe Deuteranopia 1% of men
#00afba Tritanopia 0.001% of the population

Trichromacy

#579df7 Protanomaly 1% of men, 0.01% of women
#41a0fd Deuteranomaly 6% of men, 0.4% of women
#09a9d2 Tritanomaly 0.01% of the population

#1ba0fc hex color

#1ba0fc Color Information

#1ba0fc Color Conversion

Color Schemes with #1ba0fc

Alternatives to #1ba0fc

#1ba0fc Preview

Shades and Tints of #1ba0fc

Tones of #1ba0fc

Color Blindness Simulator