#02abec Color Information
In a RGB color space, hex #02abec is composed of 0.8% red, 67.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 27.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 196.7 degrees, a saturation of 98.3% and a lightness of 46.7%. #02abec color hex could be obtained by blending #04ffff with #0057d9. Closest websafe color is: #0099ff.
-
- R 1
- G 67
- B 93
-
- C 99
- M 28
- Y 0
- K 7
● #02abec color description : Vivid blue.
#02abec Color Conversion
The hexadecimal color #02abec has RGB values of R:2, G:171, B:236 and CMYK values of C:0.99, M:0.28, Y:0, K:0.07. Its decimal value is 175084.
Hex triplet | 02abec | #02abec |
---|---|---|
RGB Decimal | 2, 171, 236 | rgb(2,171,236) |
RGB Percent | 0.8, 67.1, 92.5 | rgb(0.8%,67.1%,92.5%) |
CMYK | 99, 28, 0, 7 | |
HSL | 196.7°, 98.3, 46.7 | hsl(196.7,98.3%,46.7%) |
HSV (or HSB) | 196.7°, 99.2, 92.5 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 65.898, -13.621, -42.647 |
---|---|
XYZ | 29.724, 35.192, 84.578 |
xyY | 0.199, 0.235, 35.192 |
CIE-LCH | 65.898, 44.769, 252.287 |
CIE-LUV | 65.898, -43.943, -66.786 |
Hunter-Lab | 59.323, -14.375, -43.006 |
Binary | 00000010, 10101011, 11101100 |
Color Schemes with #02abec
Alternatives to #02abec
Below, you can see some colors close to #02abec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02abec Preview
This text has a font color of #02abec.
<span style="color:#02abec;">Text here</span>
This paragraph has a background color of #02abec.
<p style="background-color:#02abec;">Content here</p>
This element has a border color of #02abec.
<div style="border:1px solid #02abec;">Content here</div>
.text {color:#02abec;}
.background {background-color:#02abec;}
.border {border:1px solid #02abec;}
Shades and Tints of #02abec
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, #000203 is the darkest color, while #eefaff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#001016
#001016
rgb(0,16,22)
-
#001e29
#001e29
rgb(0,30,41)
-
#012c3d
#012c3d
rgb(1,44,61)
-
#013a50
#013a50
rgb(1,58,80)
-
#014864
#014864
rgb(1,72,100)
-
#015677
#015677
rgb(1,86,119)
-
#01658b
#01658b
rgb(1,101,139)
-
#01739e
#01739e
rgb(1,115,158)
-
#0281b2
#0281b2
rgb(2,129,178)
-
#028fc5
#028fc5
rgb(2,143,197)
-
#029dd9
#029dd9
rgb(2,157,217)
-
#02abec
#02abec
rgb(2,171,236)
-
#05b8fd
#05b8fd
rgb(5,184,253)
-
#18bdfd
#18bdfd
rgb(24,189,253)
-
#2cc3fd
#2cc3fd
rgb(44,195,253)
-
#3fc9fd
#3fc9fd
rgb(63,201,253)
-
#53cefe
#53cefe
rgb(83,206,254)
-
#66d4fe
#66d4fe
rgb(102,212,254)
-
#79d9fe
#79d9fe
rgb(121,217,254)
-
#8ddffe
#8ddffe
rgb(141,223,254)
-
#a0e4fe
#a0e4fe
rgb(160,228,254)
-
#b4eafe
#b4eafe
rgb(180,234,254)
-
#c7efff
#c7efff
rgb(199,239,255)
-
#dbf5ff
#dbf5ff
rgb(219,245,255)
-
#eefaff
#eefaff
rgb(238,250,255)
Tones of #02abec
A tone is produced by adding gray to any pure hue. In this case, #707a7e is the less saturated color, while #02abec is the most saturated one.
-
#707a7e
#707a7e
rgb(112,122,126)
-
#677e87
#677e87
rgb(103,126,135)
-
#5e8290
#5e8290
rgb(94,130,144)
-
#54869a
#54869a
rgb(84,134,154)
-
#4b8aa3
#4b8aa3
rgb(75,138,163)
-
#428fac
#428fac
rgb(66,143,172)
-
#3993b5
#3993b5
rgb(57,147,181)
-
#3097be
#3097be
rgb(48,151,190)
-
#279bc7
#279bc7
rgb(39,155,199)
-
#1d9fd1
#1d9fd1
rgb(29,159,209)
-
#14a3da
#14a3da
rgb(20,163,218)
-
#0ba7e3
#0ba7e3
rgb(11,167,227)
-
#02abec
#02abec
rgb(2,171,236)
Color Blindness Simulator
Below, you can see how #02abec 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.