#2ba2ff Color Information
In a RGB color space, hex #2ba2ff is composed of 16.9% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 206.3 degrees, a saturation of 100% and a lightness of 58.4%. #2ba2ff color hex could be obtained by blending #56ffff with #0045ff. Closest websafe color is: #3399ff.
-
- R 17
- G 64
- B 100
-
- C 83
- M 36
- Y 0
- K 0
● #2ba2ff color description : Vivid blue.
#2ba2ff Color Conversion
The hexadecimal color #2ba2ff has RGB values of R:43, G:162, B:255 and CMYK values of C:0.83, M:0.36, Y:0, K:0. Its decimal value is 2859775.
Hex triplet | 2ba2ff | #2ba2ff |
---|---|---|
RGB Decimal | 43, 162, 255 | rgb(43,162,255) |
RGB Percent | 16.9, 63.5, 100 | rgb(16.9%,63.5%,100%) |
CMYK | 83, 36, 0, 0 | |
HSL | 206.3°, 100, 58.4 | hsl(206.3,100%,58.4%) |
HSV (or HSB) | 206.3°, 83.1, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.621, 0.195, -55.013 |
---|---|
XYZ | 31.962, 33.571, 99.398 |
xyY | 0.194, 0.204, 33.571 |
CIE-LCH | 64.621, 55.014, 270.203 |
CIE-LUV | 64.621, -37.378, -88.994 |
Hunter-Lab | 57.941, -2.929, -61.153 |
Binary | 00101011, 10100010, 11111111 |
Color Schemes with #2ba2ff
Alternatives to #2ba2ff
Below, you can see some colors close to #2ba2ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ba2ff Preview
This text has a font color of #2ba2ff.
<span style="color:#2ba2ff;">Text here</span>
This paragraph has a background color of #2ba2ff.
<p style="background-color:#2ba2ff;">Content here</p>
This element has a border color of #2ba2ff.
<div style="border:1px solid #2ba2ff;">Content here</div>
.text {color:#2ba2ff;}
.background {background-color:#2ba2ff;}
.border {border:1px solid #2ba2ff;}
Shades and Tints of #2ba2ff
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, #000204 is the darkest color, while #eff8ff is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#000d17
#000d17
rgb(0,13,23)
-
#00182b
#00182b
rgb(0,24,43)
-
#00233f
#00233f
rgb(0,35,63)
-
#002e52
#002e52
rgb(0,46,82)
-
#003966
#003966
rgb(0,57,102)
-
#004479
#004479
rgb(0,68,121)
-
#004f8d
#004f8d
rgb(0,79,141)
-
#005aa1
#005aa1
rgb(0,90,161)
-
#0065b4
#0065b4
rgb(0,101,180)
-
#0070c8
#0070c8
rgb(0,112,200)
-
#007bdc
#007bdc
rgb(0,123,220)
-
#0086ef
#0086ef
rgb(0,134,239)
-
#0491ff
#0491ff
rgb(4,145,255)
-
#1799ff
#1799ff
rgb(23,153,255)
-
#2ba2ff
#2ba2ff
rgb(43,162,255)
-
#3fabff
#3fabff
rgb(63,171,255)
-
#52b3ff
#52b3ff
rgb(82,179,255)
-
#66bcff
#66bcff
rgb(102,188,255)
-
#79c4ff
#79c4ff
rgb(121,196,255)
-
#8dcdff
#8dcdff
rgb(141,205,255)
-
#a1d6ff
#a1d6ff
rgb(161,214,255)
-
#b4deff
#b4deff
rgb(180,222,255)
-
#c8e7ff
#c8e7ff
rgb(200,231,255)
-
#dcefff
#dcefff
rgb(220,239,255)
-
#eff8ff
#eff8ff
rgb(239,248,255)
Tones of #2ba2ff
A tone is produced by adding gray to any pure hue. In this case, #8d969d is the less saturated color, while #2ba2ff is the most saturated one.
-
#8d969d
#8d969d
rgb(141,150,157)
-
#8597a5
#8597a5
rgb(133,151,165)
-
#7d98ad
#7d98ad
rgb(125,152,173)
-
#7499b6
#7499b6
rgb(116,153,182)
-
#6c9abe
#6c9abe
rgb(108,154,190)
-
#649bc6
#649bc6
rgb(100,155,198)
-
#5c9cce
#5c9cce
rgb(92,156,206)
-
#549dd6
#549dd6
rgb(84,157,214)
-
#4c9ede
#4c9ede
rgb(76,158,222)
-
#439fe7
#439fe7
rgb(67,159,231)
-
#3ba0ef
#3ba0ef
rgb(59,160,239)
-
#33a1f7
#33a1f7
rgb(51,161,247)
-
#2ba2ff
#2ba2ff
rgb(43,162,255)
Color Blindness Simulator
Below, you can see how #2ba2ff 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.