#2ba6e4 hex color

In a RGB color space, hex #2ba6e4 is composed of 16.9% red, 65.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 27.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 200.1 degrees, a saturation of 77.4% and a lightness of 53.1%. #2ba6e4 color hex could be obtained by blending #56ffff with #004dc9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 65
- B 89
RGB color chart
- C 81
- M 27
- Y 0
- K 11
CMYK color chart

● #2ba6e4 color description : Bright blue.

The hexadecimal color #2ba6e4 has RGB values of R:43, G:166, B:228 and CMYK values of C:0.81, M:0.27, Y:0, K:0.11. Its decimal value is 2860772.

Hex triplet	2ba6e4	`#2ba6e4`
RGB Decimal	43, 166, 228	`rgb(43,166,228)`
RGB Percent	16.9, 65.1, 89.4	`rgb(16.9%,65.1%,89.4%)`
CMYK	81, 27, 0, 11
HSL	200.1°, 77.4, 53.1	`hsl(200.1,77.4%,53.1%)`
HSV (or HSB)	200.1°, 81.1, 89.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.471, -11.68, -40.462
XYZ	28.633, 33.385, 78.329
xyY	0.204, 0.238, 33.385
CIE-LCH	64.471, 42.114, 253.898
CIE-LUV	64.471, -40.237, -63.079
Hunter-Lab	57.78, -12.659, -39.931
Binary	00101011, 10100110, 11100100

#2ba6e4
```
#2ba6e4 rgb(43,166,228)
```
#e4692b
```
#e4692b rgb(228,105,43)
```

Complementary Color

#2be4c6
```
#2be4c6 rgb(43,228,198)
```
#2ba6e4
```
#2ba6e4 rgb(43,166,228)
```
#2b4ae4
```
#2b4ae4 rgb(43,74,228)
```

Analogous Color

#e4c62b
```
#e4c62b rgb(228,198,43)
```
#2ba6e4
```
#2ba6e4 rgb(43,166,228)
```
#e42b4a
```
#e42b4a rgb(228,43,74)
```

Split Complementary Color

#a6e42b
```
#a6e42b rgb(166,228,43)
```
#2ba6e4
```
#2ba6e4 rgb(43,166,228)
```
#e42ba6
```
#e42ba6 rgb(228,43,166)
```

Triadic Color

#2be469
```
#2be469 rgb(43,228,105)
```
#2ba6e4
```
#2ba6e4 rgb(43,166,228)
```
#e42ba6
```
#e42ba6 rgb(228,43,166)
```
#e4692b
```
#e4692b rgb(228,105,43)
```

Tetradic Color

#167aad
```
#167aad rgb(22,122,173)
```
#198ac3
```
#198ac3 rgb(25,138,195)
```
#1c9ada
```
#1c9ada rgb(28,154,218)
```
#2ba6e4
```
#2ba6e4 rgb(43,166,228)
```
#42afe7
```
#42afe7 rgb(66,175,231)
```
#58b9ea
```
#58b9ea rgb(88,185,234)
```
#6fc2ed
```
#6fc2ed rgb(111,194,237)
```

Monochromatic Color

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

#2bd4e4
```
#2bd4e4 rgb(43,212,228)
```
#2bc5e4
```
#2bc5e4 rgb(43,197,228)
```
#2bb5e4
```
#2bb5e4 rgb(43,181,228)
```
#2ba6e4
```
#2ba6e4 rgb(43,166,228)
```
#2b97e4
```
#2b97e4 rgb(43,151,228)
```
#2b87e4
```
#2b87e4 rgb(43,135,228)
```
#2b78e4
```
#2b78e4 rgb(43,120,228)
```

Similar Colors

Text with hexadecimal color #2ba6e4

This text has a font color of #2ba6e4.

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

#2ba6e4 background color

This paragraph has a background color of #2ba6e4.

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

#2ba6e4 border color

This element has a border color of #2ba6e4.

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

CSS codes

.text {color:#2ba6e4;}

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

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

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

#020a0e
```
#020a0e rgb(2,10,14)
```
#041620
```
#041620 rgb(4,22,32)
```
#062331
```
#062331 rgb(6,35,49)
```
#082f42
```
#082f42 rgb(8,47,66)
```
#0b3b54
```
#0b3b54 rgb(11,59,84)
```
#0d4865
```
#0d4865 rgb(13,72,101)
```
#0f5477
```
#0f5477 rgb(15,84,119)
```
#116088
```
#116088 rgb(17,96,136)
```
#146d99
```
#146d99 rgb(20,109,153)
```
#1679ab
```
#1679ab rgb(22,121,171)
```
#1885bc
```
#1885bc rgb(24,133,188)
```
#1a91ce
```
#1a91ce rgb(26,145,206)
```
#1c9edf
```
#1c9edf rgb(28,158,223)
```

Shade Color Variation

#2ba6e4
```
#2ba6e4 rgb(43,166,228)
```
#3cade6
```
#3cade6 rgb(60,173,230)
```
#4eb5e8
```
#4eb5e8 rgb(78,181,232)
```
#5fbceb
```
#5fbceb rgb(95,188,235)
```
#71c3ed
```
#71c3ed rgb(113,195,237)
```
#82cbef
```
#82cbef rgb(130,203,239)
```
#93d2f1
```
#93d2f1 rgb(147,210,241)
```
#a5d9f4
```
#a5d9f4 rgb(165,217,244)
```
#b6e0f6
```
#b6e0f6 rgb(182,224,246)
```
#c8e8f8
```
#c8e8f8 rgb(200,232,248)
```
#d9effa
```
#d9effa rgb(217,239,250)
```
#eaf6fc
```
#eaf6fc rgb(234,246,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#878888
```
#878888 rgb(135,136,136)
```
#7e8b91
```
#7e8b91 rgb(126,139,145)
```
#758e9a
```
#758e9a rgb(117,142,154)
```
#6b91a4
```
#6b91a4 rgb(107,145,164)
```
#6294ad
```
#6294ad rgb(98,148,173)
```
#5997b6
```
#5997b6 rgb(89,151,182)
```
#509abf
```
#509abf rgb(80,154,191)
```
#479dc8
```
#479dc8 rgb(71,157,200)
```
#3da0d2
```
#3da0d2 rgb(61,160,210)
```
#34a3db
```
#34a3db rgb(52,163,219)
```
#2ba6e4
```
#2ba6e4 rgb(43,166,228)
```
#22a9ed
```
#22a9ed rgb(34,169,237)
```
#19acf6
```
#19acf6 rgb(25,172,246)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#758e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9fdd Protanopia 1% of men
#7da0e9 Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#69a1df Protanomaly 1% of men, 0.01% of women
#5fa2e7 Deuteranomaly 6% of men, 0.4% of women
#0fadcb Tritanomaly 0.01% of the population

#2ba6e4 hex color

#2ba6e4 Color Information

#2ba6e4 Color Conversion

Color Schemes with #2ba6e4

Alternatives to #2ba6e4

#2ba6e4 Preview

Shades and Tints of #2ba6e4

Tones of #2ba6e4

Color Blindness Simulator