#2baaf2 Color Information
In a RGB color space, hex #2baaf2 is composed of 16.9% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 201.7 degrees, a saturation of 88.4% and a lightness of 55.9%. #2baaf2 color hex could be obtained by blending #56ffff with #0055e5. Closest websafe color is: #3399ff.
-
- R 17
- G 67
- B 95
-
- C 82
- M 30
- Y 0
- K 5
● #2baaf2 color description : Bright blue.
#2baaf2 Color Conversion
The hexadecimal color #2baaf2 has RGB values of R:43, G:170, B:242 and CMYK values of C:0.82, M:0.3, Y:0, K:0.05. Its decimal value is 2861810.
Hex triplet | 2baaf2 | #2baaf2 |
---|---|---|
RGB Decimal | 43, 170, 242 | rgb(43,170,242) |
RGB Percent | 16.9, 66.7, 94.9 | rgb(16.9%,66.7%,94.9%) |
CMYK | 82, 30, 0, 5 | |
HSL | 201.7°, 88.4, 55.9 | hsl(201.7,88.4%,55.9%) |
HSV (or HSB) | 201.7°, 82.2, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.268, -8.977, -45.319 |
---|---|
XYZ | 31.394, 35.671, 89.23 |
xyY | 0.201, 0.228, 35.671 |
CIE-LCH | 66.268, 46.2, 258.796 |
CIE-LUV | 66.268, -40.745, -71.905 |
Hunter-Lab | 59.725, -10.692, -46.772 |
Binary | 00101011, 10101010, 11110010 |
Color Schemes with #2baaf2
Alternatives to #2baaf2
Below, you can see some colors close to #2baaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2baaf2 Preview
This text has a font color of #2baaf2.
<span style="color:#2baaf2;">Text here</span>
This paragraph has a background color of #2baaf2.
<p style="background-color:#2baaf2;">Content here</p>
This element has a border color of #2baaf2.
<div style="border:1px solid #2baaf2;">Content here</div>
.text {color:#2baaf2;}
.background {background-color:#2baaf2;}
.border {border:1px solid #2baaf2;}
Shades and Tints of #2baaf2
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, #01060a is the darkest color, while #f6fcfe is the lightest one.
-
#01060a
#01060a
rgb(1,6,10)
-
#02131c
#02131c
rgb(2,19,28)
-
#031f2f
#031f2f
rgb(3,31,47)
-
#042b41
#042b41
rgb(4,43,65)
-
#053754
#053754
rgb(5,55,84)
-
#064366
#064366
rgb(6,67,102)
-
#075079
#075079
rgb(7,80,121)
-
#095c8b
#095c8b
rgb(9,92,139)
-
#0a689e
#0a689e
rgb(10,104,158)
-
#0b74b0
#0b74b0
rgb(11,116,176)
-
#0c81c3
#0c81c3
rgb(12,129,195)
-
#0d8dd5
#0d8dd5
rgb(13,141,213)
-
#0e99e8
#0e99e8
rgb(14,153,232)
-
#19a3f1
#19a3f1
rgb(25,163,241)
-
#2baaf2
#2baaf2
rgb(43,170,242)
-
#3db1f3
#3db1f3
rgb(61,177,243)
-
#50b9f4
#50b9f4
rgb(80,185,244)
-
#62c0f5
#62c0f5
rgb(98,192,245)
-
#75c8f7
#75c8f7
rgb(117,200,247)
-
#87cff8
#87cff8
rgb(135,207,248)
-
#9ad6f9
#9ad6f9
rgb(154,214,249)
-
#acdefa
#acdefa
rgb(172,222,250)
-
#bfe5fb
#bfe5fb
rgb(191,229,251)
-
#d1edfc
#d1edfc
rgb(209,237,252)
-
#e4f4fd
#e4f4fd
rgb(228,244,253)
-
#f6fcfe
#f6fcfe
rgb(246,252,254)
Tones of #2baaf2
A tone is produced by adding gray to any pure hue. In this case, #8a9093 is the less saturated color, while #22acfb is the most saturated one.
-
#8a9093
#8a9093
rgb(138,144,147)
-
#82929b
#82929b
rgb(130,146,155)
-
#7994a4
#7994a4
rgb(121,148,164)
-
#7097ad
#7097ad
rgb(112,151,173)
-
#6899b5
#6899b5
rgb(104,153,181)
-
#5f9cbe
#5f9cbe
rgb(95,156,190)
-
#569ec7
#569ec7
rgb(86,158,199)
-
#4ea0cf
#4ea0cf
rgb(78,160,207)
-
#45a3d8
#45a3d8
rgb(69,163,216)
-
#3ca5e1
#3ca5e1
rgb(60,165,225)
-
#34a8e9
#34a8e9
rgb(52,168,233)
-
#2baaf2
#2baaf2
rgb(43,170,242)
-
#22acfb
#22acfb
rgb(34,172,251)
Color Blindness Simulator
Below, you can see how #2baaf2 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.