#2ba4e2 Color Information
In a RGB color space, hex #2ba4e2 is composed of 16.9% red, 64.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 27.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 200.3 degrees, a saturation of 75.9% and a lightness of 52.7%. #2ba4e2 color hex could be obtained by blending #56ffff with #0049c5. Closest websafe color is: #3399cc.
-
- R 17
- G 64
- B 89
-
- C 81
- M 27
- Y 0
- K 11
● #2ba4e2 color description : Bright blue.
#2ba4e2 Color Conversion
The hexadecimal color #2ba4e2 has RGB values of R:43, G:164, B:226 and CMYK values of C:0.81, M:0.27, Y:0, K:0.11. Its decimal value is 2860258.
Hex triplet | 2ba4e2 | #2ba4e2 |
---|---|---|
RGB Decimal | 43, 164, 226 | rgb(43,164,226) |
RGB Percent | 16.9, 64.3, 88.6 | rgb(16.9%,64.3%,88.6%) |
CMYK | 81, 27, 0, 11 | |
HSL | 200.3°, 75.9, 52.7 | hsl(200.3,75.9%,52.7%) |
HSV (or HSB) | 200.3°, 81, 88.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.797, -11.278, -40.415 |
---|---|
XYZ | 27.996, 32.553, 76.755 |
xyY | 0.204, 0.237, 32.553 |
CIE-LCH | 63.797, 41.96, 254.408 |
CIE-LUV | 63.797, -39.677, -62.948 |
Hunter-Lab | 57.055, -12.261, -39.823 |
Binary | 00101011, 10100100, 11100010 |
Color Schemes with #2ba4e2
Alternatives to #2ba4e2
Below, you can see some colors close to #2ba4e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ba4e2 Preview
This text has a font color of #2ba4e2.
<span style="color:#2ba4e2;">Text here</span>
This paragraph has a background color of #2ba4e2.
<p style="background-color:#2ba4e2;">Content here</p>
This element has a border color of #2ba4e2.
<div style="border:1px solid #2ba4e2;">Content here</div>
.text {color:#2ba4e2;}
.background {background-color:#2ba4e2;}
.border {border:1px solid #2ba4e2;}
Shades and Tints of #2ba4e2
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, #02090c is the darkest color, while #fafdfe is the lightest one.
-
#02090c
#02090c
rgb(2,9,12)
-
#04151e
#04151e
rgb(4,21,30)
-
#06212f
#06212f
rgb(6,33,47)
-
#092d40
#092d40
rgb(9,45,64)
-
#0b3a51
#0b3a51
rgb(11,58,81)
-
#0d4663
#0d4663
rgb(13,70,99)
-
#105274
#105274
rgb(16,82,116)
-
#125e85
#125e85
rgb(18,94,133)
-
#156a96
#156a96
rgb(21,106,150)
-
#1777a8
#1777a8
rgb(23,119,168)
-
#1983b9
#1983b9
rgb(25,131,185)
-
#1c8fca
#1c8fca
rgb(28,143,202)
-
#1e9bdb
#1e9bdb
rgb(30,155,219)
-
#2ba4e2
#2ba4e2
rgb(43,164,226)
-
#3cabe4
#3cabe4
rgb(60,171,228)
-
#4eb3e7
#4eb3e7
rgb(78,179,231)
-
#5fbae9
#5fbae9
rgb(95,186,233)
-
#70c2eb
#70c2eb
rgb(112,194,235)
-
#81c9ee
#81c9ee
rgb(129,201,238)
-
#93d0f0
#93d0f0
rgb(147,208,240)
-
#a4d8f3
#a4d8f3
rgb(164,216,243)
-
#b5dff5
#b5dff5
rgb(181,223,245)
-
#c6e7f7
#c6e7f7
rgb(198,231,247)
-
#d8eefa
#d8eefa
rgb(216,238,250)
-
#e9f5fc
#e9f5fc
rgb(233,245,252)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #2ba4e2
A tone is produced by adding gray to any pure hue. In this case, #7e898f is the less saturated color, while #0fadfe is the most saturated one.
-
#7e898f
#7e898f
rgb(126,137,143)
-
#758c98
#758c98
rgb(117,140,152)
-
#6c8fa1
#6c8fa1
rgb(108,143,161)
-
#6392aa
#6392aa
rgb(99,146,170)
-
#5995b4
#5995b4
rgb(89,149,180)
-
#5098bd
#5098bd
rgb(80,152,189)
-
#479bc6
#479bc6
rgb(71,155,198)
-
#3e9ecf
#3e9ecf
rgb(62,158,207)
-
#34a1d9
#34a1d9
rgb(52,161,217)
-
#2ba4e2
#2ba4e2
rgb(43,164,226)
-
#22a7eb
#22a7eb
rgb(34,167,235)
-
#18aaf5
#18aaf5
rgb(24,170,245)
-
#0fadfe
#0fadfe
rgb(15,173,254)
Color Blindness Simulator
Below, you can see how #2ba4e2 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.