#2abaf2 Color Information
In a RGB color space, hex #2abaf2 is composed of 16.5% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.8 degrees, a saturation of 88.5% and a lightness of 55.7%. #2abaf2 color hex could be obtained by blending #54ffff with #0075e5. Closest websafe color is: #33ccff.
-
- R 16
- G 73
- B 95
-
- C 83
- M 23
- Y 0
- K 5
● #2abaf2 color description : Bright blue.
#2abaf2 Color Conversion
The hexadecimal color #2abaf2 has RGB values of R:42, G:186, B:242 and CMYK values of C:0.83, M:0.23, Y:0, K:0.05. Its decimal value is 2800370.
Hex triplet | 2abaf2 | #2abaf2 |
---|---|---|
RGB Decimal | 42, 186, 242 | rgb(42,186,242) |
RGB Percent | 16.5, 72.9, 94.9 | rgb(16.5%,72.9%,94.9%) |
CMYK | 83, 23, 0, 5 | |
HSL | 196.8°, 88.5, 55.7 | hsl(196.8,88.5%,55.7%) |
HSV (or HSB) | 196.8°, 82.6, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.883, -17.702, -38.1 |
---|---|
XYZ | 34.537, 42.018, 90.29 |
xyY | 0.207, 0.252, 42.018 |
CIE-LCH | 70.883, 42.011, 245.079 |
CIE-LUV | 70.883, -46.254, -59.139 |
Hunter-Lab | 64.821, -18.332, -37.211 |
Binary | 00101010, 10111010, 11110010 |
Color Schemes with #2abaf2
Alternatives to #2abaf2
Below, you can see some colors close to #2abaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2abaf2 Preview
This text has a font color of #2abaf2.
<span style="color:#2abaf2;">Text here</span>
This paragraph has a background color of #2abaf2.
<p style="background-color:#2abaf2;">Content here</p>
This element has a border color of #2abaf2.
<div style="border:1px solid #2abaf2;">Content here</div>
.text {color:#2abaf2;}
.background {background-color:#2abaf2;}
.border {border:1px solid #2abaf2;}
Shades and Tints of #2abaf2
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, #010709 is the darkest color, while #f5fcfe is the lightest one.
-
#010709
#010709
rgb(1,7,9)
-
#02141b
#02141b
rgb(2,20,27)
-
#03222e
#03222e
rgb(3,34,46)
-
#042f40
#042f40
rgb(4,47,64)
-
#053d53
#053d53
rgb(5,61,83)
-
#064b65
#064b65
rgb(6,75,101)
-
#075878
#075878
rgb(7,88,120)
-
#08668a
#08668a
rgb(8,102,138)
-
#0a749d
#0a749d
rgb(10,116,157)
-
#0b81af
#0b81af
rgb(11,129,175)
-
#0c8fc2
#0c8fc2
rgb(12,143,194)
-
#0d9cd4
#0d9cd4
rgb(13,156,212)
-
#0eaae7
#0eaae7
rgb(14,170,231)
-
#18b4f1
#18b4f1
rgb(24,180,241)
-
#2abaf2
#2abaf2
rgb(42,186,242)
-
#3cc0f3
#3cc0f3
rgb(60,192,243)
-
#4fc6f4
#4fc6f4
rgb(79,198,244)
-
#61ccf5
#61ccf5
rgb(97,204,245)
-
#74d2f7
#74d2f7
rgb(116,210,247)
-
#86d8f8
#86d8f8
rgb(134,216,248)
-
#99def9
#99def9
rgb(153,222,249)
-
#abe4fa
#abe4fa
rgb(171,228,250)
-
#beeafb
#beeafb
rgb(190,234,251)
-
#d0f0fc
#d0f0fc
rgb(208,240,252)
-
#e3f6fd
#e3f6fd
rgb(227,246,253)
-
#f5fcfe
#f5fcfe
rgb(245,252,254)
Tones of #2abaf2
A tone is produced by adding gray to any pure hue. In this case, #8a9092 is the less saturated color, while #21befb is the most saturated one.
-
#8a9092
#8a9092
rgb(138,144,146)
-
#81949b
#81949b
rgb(129,148,155)
-
#7898a4
#7898a4
rgb(120,152,164)
-
#709bac
#709bac
rgb(112,155,172)
-
#679fb5
#679fb5
rgb(103,159,181)
-
#5ea3be
#5ea3be
rgb(94,163,190)
-
#55a7c7
#55a7c7
rgb(85,167,199)
-
#4dabcf
#4dabcf
rgb(77,171,207)
-
#44afd8
#44afd8
rgb(68,175,216)
-
#3bb2e1
#3bb2e1
rgb(59,178,225)
-
#33b6e9
#33b6e9
rgb(51,182,233)
-
#2abaf2
#2abaf2
rgb(42,186,242)
-
#21befb
#21befb
rgb(33,190,251)
Color Blindness Simulator
Below, you can see how #2abaf2 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.