#2ba4e7 hex color

In a RGB color space, hex #2ba4e7 is composed of 16.9% red, 64.3% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 29% magenta, 0% yellow and 9.4% black. It has a hue angle of 201.4 degrees, a saturation of 79.7% and a lightness of 53.7%. #2ba4e7 color hex could be obtained by blending #56ffff with #0049cf. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 64
- B 91
RGB color chart
- C 81
- M 29
- Y 0
- K 9
CMYK color chart

● #2ba4e7 color description : Bright blue.

The hexadecimal color #2ba4e7 has RGB values of R:43, G:164, B:231 and CMYK values of C:0.81, M:0.29, Y:0, K:0.09. Its decimal value is 2860263.

Hex triplet	2ba4e7	`#2ba4e7`
RGB Decimal	43, 164, 231	`rgb(43,164,231)`
RGB Percent	16.9, 64.3, 90.6	`rgb(16.9%,64.3%,90.6%)`
CMYK	81, 29, 0, 9
HSL	201.4°, 79.7, 53.7	`hsl(201.4,79.7%,53.7%)`
HSV (or HSB)	201.4°, 81.4, 90.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.024, -9.521, -42.815
XYZ	28.692, 32.831, 80.422
xyY	0.202, 0.231, 32.831
CIE-LCH	64.024, 43.86, 257.463
CIE-LUV	64.024, -39.378, -67.236
Hunter-Lab	57.299, -10.89, -43.108
Binary	00101011, 10100100, 11100111

#2ba4e7
```
#2ba4e7 rgb(43,164,231)
```
#e76e2b
```
#e76e2b rgb(231,110,43)
```

Complementary Color

#2be7cc
```
#2be7cc rgb(43,231,204)
```
#2ba4e7
```
#2ba4e7 rgb(43,164,231)
```
#2b46e7
```
#2b46e7 rgb(43,70,231)
```

Analogous Color

#e7cc2b
```
#e7cc2b rgb(231,204,43)
```
#2ba4e7
```
#2ba4e7 rgb(43,164,231)
```
#e72b46
```
#e72b46 rgb(231,43,70)
```

Split Complementary Color

#a4e72b
```
#a4e72b rgb(164,231,43)
```
#2ba4e7
```
#2ba4e7 rgb(43,164,231)
```
#e72ba4
```
#e72ba4 rgb(231,43,164)
```

Triadic Color

#2be76e
```
#2be76e rgb(43,231,110)
```
#2ba4e7
```
#2ba4e7 rgb(43,164,231)
```
#e72ba4
```
#e72ba4 rgb(231,43,164)
```
#e76e2b
```
#e76e2b rgb(231,110,43)
```

Tetradic Color

#1479b1
```
#1479b1 rgb(20,121,177)
```
#1789c8
```
#1789c8 rgb(23,137,200)
```
#1999df
```
#1999df rgb(25,153,223)
```
#2ba4e7
```
#2ba4e7 rgb(43,164,231)
```
#42aeea
```
#42aeea rgb(66,174,234)
```
#59b8ec
```
#59b8ec rgb(89,184,236)
```
#70c1ef
```
#70c1ef rgb(112,193,239)
```

Monochromatic Color

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

#2bd3e7
```
#2bd3e7 rgb(43,211,231)
```
#2bc3e7
```
#2bc3e7 rgb(43,195,231)
```
#2bb4e7
```
#2bb4e7 rgb(43,180,231)
```
#2ba4e7
```
#2ba4e7 rgb(43,164,231)
```
#2b94e7
```
#2b94e7 rgb(43,148,231)
```
#2b85e7
```
#2b85e7 rgb(43,133,231)
```
#2b75e7
```
#2b75e7 rgb(43,117,231)
```

Similar Colors

Text with hexadecimal color #2ba4e7

This text has a font color of #2ba4e7.

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

#2ba4e7 background color

This paragraph has a background color of #2ba4e7.

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

#2ba4e7 border color

This element has a border color of #2ba4e7.

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

CSS codes

.text {color:#2ba4e7;}

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

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

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

#020c11
```
#020c11 rgb(2,12,17)
```
#041823
```
#041823 rgb(4,24,35)
```
#062434
```
#062434 rgb(6,36,52)
```
#083046
```
#083046 rgb(8,48,70)
```
#0a3c58
```
#0a3c58 rgb(10,60,88)
```
#0c4869
```
#0c4869 rgb(12,72,105)
```
#0e547b
```
#0e547b rgb(14,84,123)
```
#10608c
```
#10608c rgb(16,96,140)
```
#126c9e
```
#126c9e rgb(18,108,158)
```
#1478b0
```
#1478b0 rgb(20,120,176)
```
#1684c1
```
#1684c1 rgb(22,132,193)
```
#1890d3
```
#1890d3 rgb(24,144,211)
```
#1a9ce5
```
#1a9ce5 rgb(26,156,229)
```

Shade Color Variation

#2ba4e7
```
#2ba4e7 rgb(43,164,231)
```
#3dace9
```
#3dace9 rgb(61,172,233)
```
#4eb3eb
```
#4eb3eb rgb(78,179,235)
```
#60bbed
```
#60bbed rgb(96,187,237)
```
#71c2ef
```
#71c2ef rgb(113,194,239)
```
#83caf1
```
#83caf1 rgb(131,202,241)
```
#95d1f3
```
#95d1f3 rgb(149,209,243)
```
#a6d9f5
```
#a6d9f5 rgb(166,217,245)
```
#b8e1f7
```
#b8e1f7 rgb(184,225,247)
```
#cae8f9
```
#cae8f9 rgb(202,232,249)
```
#dbf0fb
```
#dbf0fb rgb(219,240,251)
```
#edf7fd
```
#edf7fd rgb(237,247,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#868a8c
```
#868a8c rgb(134,138,140)
```
#7d8d95
```
#7d8d95 rgb(125,141,149)
```
#748f9e
```
#748f9e rgb(116,143,158)
```
#6b92a7
```
#6b92a7 rgb(107,146,167)
```
#6194b1
```
#6194b1 rgb(97,148,177)
```
#5897ba
```
#5897ba rgb(88,151,186)
```
#4f9ac3
```
#4f9ac3 rgb(79,154,195)
```
#469ccc
```
#469ccc rgb(70,156,204)
```
#3d9fd5
```
#3d9fd5 rgb(61,159,213)
```
#34a1de
```
#34a1de rgb(52,161,222)
```
#2ba4e7
```
#2ba4e7 rgb(43,164,231)
```
#22a7f0
```
#22a7f0 rgb(34,167,240)
```
#19a9f9
```
#19a9f9 rgb(25,169,249)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#758d9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#899ee0 Protanopia 1% of men
#77a0eb Deuteranopia 1% of men
#00afbc Tritanopia 0.001% of the population

Trichromacy

#66a0e2 Protanomaly 1% of men, 0.01% of women
#5ba1ea Deuteranomaly 6% of men, 0.4% of women
#0fabcb Tritanomaly 0.01% of the population

#2ba4e7 hex color

#2ba4e7 Color Information

#2ba4e7 Color Conversion

Color Schemes with #2ba4e7

Alternatives to #2ba4e7

#2ba4e7 Preview

Shades and Tints of #2ba4e7

Tones of #2ba4e7

Color Blindness Simulator