#2ba4f6 Color Information
In a RGB color space, hex #2ba4f6 is composed of 16.9% red, 64.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 33.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 204.2 degrees, a saturation of 91.9% and a lightness of 56.7%. #2ba4f6 color hex could be obtained by blending #56ffff with #0049ed. Closest websafe color is: #3399ff.
-
- R 17
- G 64
- B 96
-
- C 83
- M 33
- Y 0
- K 4
● #2ba4f6 color description : Bright blue.
#2ba4f6 Color Conversion
The hexadecimal color #2ba4f6 has RGB values of R:43, G:164, B:246 and CMYK values of C:0.83, M:0.33, Y:0, K:0.04. Its decimal value is 2860278.
Hex triplet | 2ba4f6 | #2ba4f6 |
---|---|---|
RGB Decimal | 43, 164, 246 | rgb(43,164,246) |
RGB Percent | 16.9, 64.3, 96.5 | rgb(16.9%,64.3%,96.5%) |
CMYK | 83, 33, 0, 4 | |
HSL | 204.2°, 91.9, 56.7 | hsl(204.2,91.9%,56.7%) |
HSV (or HSB) | 204.2°, 82.5, 96.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.736, -4.189, -49.92 |
---|---|
XYZ | 30.902, 33.716, 92.063 |
xyY | 0.197, 0.215, 33.716 |
CIE-LCH | 64.736, 50.095, 265.203 |
CIE-LUV | 64.736, -38.516, -79.966 |
Hunter-Lab | 58.065, -6.616, -53.359 |
Binary | 00101011, 10100100, 11110110 |
Color Schemes with #2ba4f6
Alternatives to #2ba4f6
Below, you can see some colors close to #2ba4f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ba4f6 Preview
This text has a font color of #2ba4f6.
<span style="color:#2ba4f6;">Text here</span>
This paragraph has a background color of #2ba4f6.
<p style="background-color:#2ba4f6;">Content here</p>
This element has a border color of #2ba4f6.
<div style="border:1px solid #2ba4f6;">Content here</div>
.text {color:#2ba4f6;}
.background {background-color:#2ba4f6;}
.border {border:1px solid #2ba4f6;}
Shades and Tints of #2ba4f6
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, #01080e is the darkest color, while #fafdff is the lightest one.
-
#01080e
#01080e
rgb(1,8,14)
-
#011421
#011421
rgb(1,20,33)
-
#022033
#022033
rgb(2,32,51)
-
#032b46
#032b46
rgb(3,43,70)
-
#043759
#043759
rgb(4,55,89)
-
#05426c
#05426c
rgb(5,66,108)
-
#054e7f
#054e7f
rgb(5,78,127)
-
#065992
#065992
rgb(6,89,146)
-
#0765a4
#0765a4
rgb(7,101,164)
-
#0870b7
#0870b7
rgb(8,112,183)
-
#097cca
#097cca
rgb(9,124,202)
-
#0987dd
#0987dd
rgb(9,135,221)
-
#0a93f0
#0a93f0
rgb(10,147,240)
-
#189cf5
#189cf5
rgb(24,156,245)
-
#2ba4f6
#2ba4f6
rgb(43,164,246)
-
#3eacf7
#3eacf7
rgb(62,172,247)
-
#51b4f8
#51b4f8
rgb(81,180,248)
-
#63bcf8
#63bcf8
rgb(99,188,248)
-
#76c4f9
#76c4f9
rgb(118,196,249)
-
#89ccfa
#89ccfa
rgb(137,204,250)
-
#9cd4fb
#9cd4fb
rgb(156,212,251)
-
#afddfc
#afddfc
rgb(175,221,252)
-
#c2e5fc
#c2e5fc
rgb(194,229,252)
-
#d4edfd
#d4edfd
rgb(212,237,253)
-
#e7f5fe
#e7f5fe
rgb(231,245,254)
-
#fafdff
#fafdff
rgb(250,253,255)
Tones of #2ba4f6
A tone is produced by adding gray to any pure hue. In this case, #899299 is the less saturated color, while #23a6ff is the most saturated one.
-
#899299
#899299
rgb(137,146,153)
-
#8094a1
#8094a1
rgb(128,148,161)
-
#7895aa
#7895aa
rgb(120,149,170)
-
#6f97b2
#6f97b2
rgb(111,151,178)
-
#6799bb
#6799bb
rgb(103,153,187)
-
#5e9ac3
#5e9ac3
rgb(94,154,195)
-
#569ccc
#569ccc
rgb(86,156,204)
-
#4d9dd4
#4d9dd4
rgb(77,157,212)
-
#459fdd
#459fdd
rgb(69,159,221)
-
#3ca1e5
#3ca1e5
rgb(60,161,229)
-
#33a2ee
#33a2ee
rgb(51,162,238)
-
#2ba4f6
#2ba4f6
rgb(43,164,246)
-
#23a6ff
#23a6ff
rgb(35,166,255)
Color Blindness Simulator
Below, you can see how #2ba4f6 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.