#02abf9 Color Information
In a RGB color space, hex #02abf9 is composed of 0.8% red, 67.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 31.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 198.9 degrees, a saturation of 98.4% and a lightness of 49.2%. #02abf9 color hex could be obtained by blending #04ffff with #0057f3. Closest websafe color is: #0099ff.
-
- R 1
- G 67
- B 98
-
- C 99
- M 31
- Y 0
- K 2
● #02abf9 color description : Vivid blue.
#02abf9 Color Conversion
The hexadecimal color #02abf9 has RGB values of R:2, G:171, B:249 and CMYK values of C:0.99, M:0.31, Y:0, K:0.02. Its decimal value is 175097.
Hex triplet | 02abf9 | #02abf9 |
---|---|---|
RGB Decimal | 2, 171, 249 | rgb(2,171,249) |
RGB Percent | 0.8, 67.1, 97.6 | rgb(0.8%,67.1%,97.6%) |
CMYK | 99, 31, 0, 2 | |
HSL | 198.9°, 98.4, 49.2 | hsl(198.9,98.4%,49.2%) |
HSV (or HSB) | 198.9°, 99.2, 97.6 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 66.501, -8.926, -48.795 |
---|---|
XYZ | 31.683, 35.975, 94.891 |
xyY | 0.195, 0.221, 35.975 |
CIE-LCH | 66.501, 49.604, 259.633 |
CIE-LUV | 66.501, -43.042, -77.88 |
Hunter-Lab | 59.979, -10.676, -51.815 |
Binary | 00000010, 10101011, 11111001 |
Color Schemes with #02abf9
Alternatives to #02abf9
Below, you can see some colors close to #02abf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02abf9 Preview
This text has a font color of #02abf9.
<span style="color:#02abf9;">Text here</span>
This paragraph has a background color of #02abf9.
<p style="background-color:#02abf9;">Content here</p>
This element has a border color of #02abf9.
<div style="border:1px solid #02abf9;">Content here</div>
.text {color:#02abf9;}
.background {background-color:#02abf9;}
.border {border:1px solid #02abf9;}
Shades and Tints of #02abf9
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, #000b0f is the darkest color, while #fbfeff is the lightest one.
-
#000b0f
#000b0f
rgb(0,11,15)
-
#001823
#001823
rgb(0,24,35)
-
#002536
#002536
rgb(0,37,54)
-
#01334a
#01334a
rgb(1,51,74)
-
#01405d
#01405d
rgb(1,64,93)
-
#014d71
#014d71
rgb(1,77,113)
-
#015b84
#015b84
rgb(1,91,132)
-
#016898
#016898
rgb(1,104,152)
-
#0176ab
#0176ab
rgb(1,118,171)
-
#0283bf
#0283bf
rgb(2,131,191)
-
#0290d2
#0290d2
rgb(2,144,210)
-
#029ee6
#029ee6
rgb(2,158,230)
-
#02abf9
#02abf9
rgb(2,171,249)
-
#12b3fd
#12b3fd
rgb(18,179,253)
-
#25b9fd
#25b9fd
rgb(37,185,253)
-
#38bffd
#38bffd
rgb(56,191,253)
-
#4cc5fe
#4cc5fe
rgb(76,197,254)
-
#5fccfe
#5fccfe
rgb(95,204,254)
-
#73d2fe
#73d2fe
rgb(115,210,254)
-
#86d8fe
#86d8fe
rgb(134,216,254)
-
#9adefe
#9adefe
rgb(154,222,254)
-
#ade5fe
#ade5fe
rgb(173,229,254)
-
#c1ebfe
#c1ebfe
rgb(193,235,254)
-
#d4f1ff
#d4f1ff
rgb(212,241,255)
-
#e8f7ff
#e8f7ff
rgb(232,247,255)
-
#fbfeff
#fbfeff
rgb(251,254,255)
Tones of #02abf9
A tone is produced by adding gray to any pure hue. In this case, #768085 is the less saturated color, while #02abf9 is the most saturated one.
-
#768085
#768085
rgb(118,128,133)
-
#6c848f
#6c848f
rgb(108,132,143)
-
#638798
#638798
rgb(99,135,152)
-
#598ba2
#598ba2
rgb(89,139,162)
-
#4f8fac
#4f8fac
rgb(79,143,172)
-
#4692b5
#4692b5
rgb(70,146,181)
-
#3c96bf
#3c96bf
rgb(60,150,191)
-
#3299c9
#3299c9
rgb(50,153,201)
-
#299dd2
#299dd2
rgb(41,157,210)
-
#1fa0dc
#1fa0dc
rgb(31,160,220)
-
#15a4e6
#15a4e6
rgb(21,164,230)
-
#0ca7ef
#0ca7ef
rgb(12,167,239)
-
#02abf9
#02abf9
rgb(2,171,249)
Color Blindness Simulator
Below, you can see how #02abf9 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.