#2ab4f1 Color Information
In a RGB color space, hex #2ab4f1 is composed of 16.5% red, 70.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 25.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 198.4 degrees, a saturation of 87.7% and a lightness of 55.5%. #2ab4f1 color hex could be obtained by blending #54ffff with #0069e3. Closest websafe color is: #33ccff.
-
- R 16
- G 71
- B 95
-
- C 83
- M 25
- Y 0
- K 5
● #2ab4f1 color description : Bright blue.
#2ab4f1 Color Conversion
The hexadecimal color #2ab4f1 has RGB values of R:42, G:180, B:241 and CMYK values of C:0.83, M:0.25, Y:0, K:0.05. Its decimal value is 2798833.
Hex triplet | 2ab4f1 | #2ab4f1 |
---|---|---|
RGB Decimal | 42, 180, 241 | rgb(42,180,241) |
RGB Percent | 16.5, 70.6, 94.5 | rgb(16.5%,70.6%,94.5%) |
CMYK | 83, 25, 0, 5 | |
HSL | 198.4°, 87.7, 55.5 | hsl(198.4,87.7%,55.5%) |
HSV (or HSB) | 198.4°, 82.6, 94.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 69.099, -14.857, -40.338 |
---|---|
XYZ | 33.149, 39.483, 89.088 |
xyY | 0.205, 0.244, 39.483 |
CIE-LCH | 69.099, 42.987, 249.78 |
CIE-LUV | 69.099, -44.283, -63.114 |
Hunter-Lab | 62.835, -15.792, -40.077 |
Binary | 00101010, 10110100, 11110001 |
Color Schemes with #2ab4f1
Alternatives to #2ab4f1
Below, you can see some colors close to #2ab4f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ab4f1 Preview
This text has a font color of #2ab4f1.
<span style="color:#2ab4f1;">Text here</span>
This paragraph has a background color of #2ab4f1.
<p style="background-color:#2ab4f1;">Content here</p>
This element has a border color of #2ab4f1.
<div style="border:1px solid #2ab4f1;">Content here</div>
.text {color:#2ab4f1;}
.background {background-color:#2ab4f1;}
.border {border:1px solid #2ab4f1;}
Shades and Tints of #2ab4f1
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, #010608 is the darkest color, while #f4fbfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#02131a
#02131a
rgb(2,19,26)
-
#03202d
#03202d
rgb(3,32,45)
-
#042d3f
#042d3f
rgb(4,45,63)
-
#053a51
#053a51
rgb(5,58,81)
-
#074764
#074764
rgb(7,71,100)
-
#085476
#085476
rgb(8,84,118)
-
#096289
#096289
rgb(9,98,137)
-
#0a6f9b
#0a6f9b
rgb(10,111,155)
-
#0b7cae
#0b7cae
rgb(11,124,174)
-
#0d89c0
#0d89c0
rgb(13,137,192)
-
#0e96d2
#0e96d2
rgb(14,150,210)
-
#0fa3e5
#0fa3e5
rgb(15,163,229)
-
#18aef0
#18aef0
rgb(24,174,240)
-
#2ab4f1
#2ab4f1
rgb(42,180,241)
-
#3cbaf2
#3cbaf2
rgb(60,186,242)
-
#4fc1f3
#4fc1f3
rgb(79,193,243)
-
#61c7f5
#61c7f5
rgb(97,199,245)
-
#74cef6
#74cef6
rgb(116,206,246)
-
#86d4f7
#86d4f7
rgb(134,212,247)
-
#98dbf8
#98dbf8
rgb(152,219,248)
-
#abe1f9
#abe1f9
rgb(171,225,249)
-
#bde8fb
#bde8fb
rgb(189,232,251)
-
#d0eefc
#d0eefc
rgb(208,238,252)
-
#e2f5fd
#e2f5fd
rgb(226,245,253)
-
#f4fbfe
#f4fbfe
rgb(244,251,254)
Tones of #2ab4f1
A tone is produced by adding gray to any pure hue. In this case, #8a8f91 is the less saturated color, while #21b7fa is the most saturated one.
-
#8a8f91
#8a8f91
rgb(138,143,145)
-
#81929a
#81929a
rgb(129,146,154)
-
#7996a2
#7996a2
rgb(121,150,162)
-
#7099ab
#7099ab
rgb(112,153,171)
-
#679cb4
#679cb4
rgb(103,156,180)
-
#5ea0bd
#5ea0bd
rgb(94,160,189)
-
#56a3c5
#56a3c5
rgb(86,163,197)
-
#4da6ce
#4da6ce
rgb(77,166,206)
-
#44aad7
#44aad7
rgb(68,170,215)
-
#3bade0
#3bade0
rgb(59,173,224)
-
#33b1e8
#33b1e8
rgb(51,177,232)
-
#2ab4f1
#2ab4f1
rgb(42,180,241)
-
#21b7fa
#21b7fa
rgb(33,183,250)
Color Blindness Simulator
Below, you can see how #2ab4f1 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.