#2ba6fc hex color

In a RGB color space, hex #2ba6fc is composed of 16.9% red, 65.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 34.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 204.7 degrees, a saturation of 97.2% and a lightness of 57.8%. #2ba6fc color hex could be obtained by blending #56ffff with #004df9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 65
- B 99
RGB color chart
- C 83
- M 34
- Y 0
- K 1
CMYK color chart

● #2ba6fc color description : Bright blue.

The hexadecimal color #2ba6fc has RGB values of R:43, G:166, B:252 and CMYK values of C:0.83, M:0.34, Y:0, K:0.01. Its decimal value is 2860796.

Hex triplet	2ba6fc	`#2ba6fc`
RGB Decimal	43, 166, 252	`rgb(43,166,252)`
RGB Percent	16.9, 65.1, 98.8	`rgb(16.9%,65.1%,98.8%)`
CMYK	83, 34, 0, 1
HSL	204.7°, 97.2, 57.8	`hsl(204.7,97.2%,57.8%)`
HSV (or HSB)	204.7°, 82.9, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.602, -3.176, -51.824
XYZ	32.199, 34.811, 97.112
xyY	0.196, 0.212, 34.811
CIE-LCH	65.602, 51.921, 266.493
CIE-LUV	65.602, -38.843, -83.469
Hunter-Lab	59.001, -5.839, -56.287
Binary	00101011, 10100110, 11111100

#2ba6fc
```
#2ba6fc rgb(43,166,252)
```
#fc812b
```
#fc812b rgb(252,129,43)
```

Complementary Color

#2bfcea
```
#2bfcea rgb(43,252,234)
```
#2ba6fc
```
#2ba6fc rgb(43,166,252)
```
#2b3dfc
```
#2b3dfc rgb(43,61,252)
```

Analogous Color

#fcea2b
```
#fcea2b rgb(252,234,43)
```
#2ba6fc
```
#2ba6fc rgb(43,166,252)
```
#fc2b3e
```
#fc2b3e rgb(252,43,62)
```

Split Complementary Color

#a6fc2b
```
#a6fc2b rgb(166,252,43)
```
#2ba6fc
```
#2ba6fc rgb(43,166,252)
```
#fc2ba6
```
#fc2ba6 rgb(252,43,166)
```

Triadic Color

#2bfc81
```
#2bfc81 rgb(43,252,129)
```
#2ba6fc
```
#2ba6fc rgb(43,166,252)
```
#fc2ba6
```
#fc2ba6 rgb(252,43,166)
```
#fc812b
```
#fc812b rgb(252,129,43)
```

Tetradic Color

#0380d7
```
#0380d7 rgb(3,128,215)
```
#038ff1
```
#038ff1 rgb(3,143,241)
```
#129bfc
```
#129bfc rgb(18,155,252)
```
#2ba6fc
```
#2ba6fc rgb(43,166,252)
```
#44b1fc
```
#44b1fc rgb(68,177,252)
```
#5dbbfd
```
#5dbbfd rgb(93,187,253)
```
#76c6fd
```
#76c6fd rgb(118,198,253)
```

Monochromatic Color

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

#2bdafc
```
#2bdafc rgb(43,218,252)
```
#2bc9fc
```
#2bc9fc rgb(43,201,252)
```
#2bb7fc
```
#2bb7fc rgb(43,183,252)
```
#2ba6fc
```
#2ba6fc rgb(43,166,252)
```
#2b95fc
```
#2b95fc rgb(43,149,252)
```
#2b83fc
```
#2b83fc rgb(43,131,252)
```
#2b72fc
```
#2b72fc rgb(43,114,252)
```

Similar Colors

Text with hexadecimal color #2ba6fc

This text has a font color of #2ba6fc.

<span style="color:#2ba6fc;">Text here</span>

#2ba6fc background color

This paragraph has a background color of #2ba6fc.

<p style="background-color:#2ba6fc;">Content here</p>

#2ba6fc border color

This element has a border color of #2ba6fc.

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

CSS codes

.text {color:#2ba6fc;}

.background {background-color:#2ba6fc;}

.border {border:1px solid #2ba6fc;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000c14
```
#000c14 rgb(0,12,20)
```
#011727
```
#011727 rgb(1,23,39)
```
#01233b
```
#01233b rgb(1,35,59)
```
#012e4e
```
#012e4e rgb(1,46,78)
```
#013a61
```
#013a61 rgb(1,58,97)
```
#024575
```
#024575 rgb(2,69,117)
```
#025188
```
#025188 rgb(2,81,136)
```
#025c9b
```
#025c9b rgb(2,92,155)
```
#0268af
```
#0268af rgb(2,104,175)
```
#0373c2
```
#0373c2 rgb(3,115,194)
```
#037fd6
```
#037fd6 rgb(3,127,214)
```
#038ae9
```
#038ae9 rgb(3,138,233)
```

Shade Color Variation

#0496fb
```
#0496fb rgb(4,150,251)
```
#189efc
```
#189efc rgb(24,158,252)
```
#2ba6fc
```
#2ba6fc rgb(43,166,252)
```
#3eaefc
```
#3eaefc rgb(62,174,252)
```
#52b6fd
```
#52b6fd rgb(82,182,253)
```
#65befd
```
#65befd rgb(101,190,253)
```
#78c6fd
```
#78c6fd rgb(120,198,253)
```
#8ccffd
```
#8ccffd rgb(140,207,253)
```
#9fd7fe
```
#9fd7fe rgb(159,215,254)
```
#b2dffe
```
#b2dffe rgb(178,223,254)
```
#c6e7fe
```
#c6e7fe rgb(198,231,254)
```
#d9effe
```
#d9effe rgb(217,239,254)
```
#ecf7ff
```
#ecf7ff rgb(236,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9499 is the less saturated color, while #2ba6fc is the most saturated one.

#8e9499
```
#8e9499 rgb(142,148,153)
```
#8696a1
```
#8696a1 rgb(134,150,161)
```
#7e97a9
```
#7e97a9 rgb(126,151,169)
```
#7599b2
```
#7599b2 rgb(117,153,178)
```
#6d9aba
```
#6d9aba rgb(109,154,186)
```
#659cc2
```
#659cc2 rgb(101,156,194)
```
#5d9dca
```
#5d9dca rgb(93,157,202)
```
#549fd3
```
#549fd3 rgb(84,159,211)
```
#4ca0db
```
#4ca0db rgb(76,160,219)
```
#44a2e3
```
#44a2e3 rgb(68,162,227)
```
#3ca3eb
```
#3ca3eb rgb(60,163,235)
```
#33a5f4
```
#33a5f4 rgb(51,165,244)
```
#2ba6fc
```
#2ba6fc rgb(43,166,252)
```

Tone Color Variation

Below, you can see how #2ba6fc 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

#8b8b8b Achromatopsia 0.005% of the population
#7890a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a1f5 Protanopia 1% of men
#68a4fe Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#63a3f7 Protanomaly 1% of men, 0.01% of women
#51a5fd Deuteranomaly 6% of men, 0.4% of women
#0fafd5 Tritanomaly 0.01% of the population

#2ba6fc hex color

#2ba6fc Color Information

#2ba6fc Color Conversion

Color Schemes with #2ba6fc

Alternatives to #2ba6fc

#2ba6fc Preview

Shades and Tints of #2ba6fc

Tones of #2ba6fc

Color Blindness Simulator