#02b4f9 Color Information
In a RGB color space, hex #02b4f9 is composed of 0.8% red, 70.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 27.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 196.8 degrees, a saturation of 98.4% and a lightness of 49.2%. #02b4f9 color hex could be obtained by blending #04ffff with #0069f3. Closest websafe color is: #00ccff.
-
- R 1
- G 71
- B 98
-
- C 99
- M 28
- Y 0
- K 2
● #02b4f9 color description : Vivid blue.
#02b4f9 Color Conversion
The hexadecimal color #02b4f9 has RGB values of R:2, G:180, B:249 and CMYK values of C:0.99, M:0.28, Y:0, K:0.02. Its decimal value is 177401.
Hex triplet | 02b4f9 | #02b4f9 |
---|---|---|
RGB Decimal | 2, 180, 249 | rgb(2,180,249) |
RGB Percent | 0.8, 70.6, 97.6 | rgb(0.8%,70.6%,97.6%) |
CMYK | 99, 28, 0, 2 | |
HSL | 196.8°, 98.4, 49.2 | hsl(196.8,98.4%,49.2%) |
HSV (or HSB) | 196.8°, 99.2, 97.6 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 69.106, -13.857, -44.696 |
---|---|
XYZ | 33.441, 39.492, 95.477 |
xyY | 0.199, 0.234, 39.492 |
CIE-LCH | 69.106, 46.794, 252.776 |
CIE-LUV | 69.106, -46.006, -70.722 |
Hunter-Lab | 62.842, -14.988, -46.091 |
Binary | 00000010, 10110100, 11111001 |
Color Schemes with #02b4f9
Alternatives to #02b4f9
Below, you can see some colors close to #02b4f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02b4f9 Preview
This text has a font color of #02b4f9.
<span style="color:#02b4f9;">Text here</span>
This paragraph has a background color of #02b4f9.
<p style="background-color:#02b4f9;">Content here</p>
This element has a border color of #02b4f9.
<div style="border:1px solid #02b4f9;">Content here</div>
.text {color:#02b4f9;}
.background {background-color:#02b4f9;}
.border {border:1px solid #02b4f9;}
Shades and Tints of #02b4f9
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)
-
#001923
#001923
rgb(0,25,35)
-
#002736
#002736
rgb(0,39,54)
-
#01354a
#01354a
rgb(1,53,74)
-
#01435d
#01435d
rgb(1,67,93)
-
#015271
#015271
rgb(1,82,113)
-
#016084
#016084
rgb(1,96,132)
-
#016e98
#016e98
rgb(1,110,152)
-
#017cab
#017cab
rgb(1,124,171)
-
#028abf
#028abf
rgb(2,138,191)
-
#0298d2
#0298d2
rgb(2,152,210)
-
#02a6e6
#02a6e6
rgb(2,166,230)
-
#02b4f9
#02b4f9
rgb(2,180,249)
-
#12bbfd
#12bbfd
rgb(18,187,253)
-
#25c1fd
#25c1fd
rgb(37,193,253)
-
#38c6fd
#38c6fd
rgb(56,198,253)
-
#4cccfe
#4cccfe
rgb(76,204,254)
-
#5fd1fe
#5fd1fe
rgb(95,209,254)
-
#73d7fe
#73d7fe
rgb(115,215,254)
-
#86ddfe
#86ddfe
rgb(134,221,254)
-
#9ae2fe
#9ae2fe
rgb(154,226,254)
-
#ade8fe
#ade8fe
rgb(173,232,254)
-
#c1edfe
#c1edfe
rgb(193,237,254)
-
#d4f3ff
#d4f3ff
rgb(212,243,255)
-
#e8f8ff
#e8f8ff
rgb(232,248,255)
-
#fbfeff
#fbfeff
rgb(251,254,255)
Tones of #02b4f9
A tone is produced by adding gray to any pure hue. In this case, #768185 is the less saturated color, while #02b4f9 is the most saturated one.
-
#768185
#768185
rgb(118,129,133)
-
#6c858f
#6c858f
rgb(108,133,143)
-
#638998
#638998
rgb(99,137,152)
-
#598ea2
#598ea2
rgb(89,142,162)
-
#4f92ac
#4f92ac
rgb(79,146,172)
-
#4696b5
#4696b5
rgb(70,150,181)
-
#3c9abf
#3c9abf
rgb(60,154,191)
-
#329fc9
#329fc9
rgb(50,159,201)
-
#29a3d2
#29a3d2
rgb(41,163,210)
-
#1fa7dc
#1fa7dc
rgb(31,167,220)
-
#15abe6
#15abe6
rgb(21,171,230)
-
#0cb0ef
#0cb0ef
rgb(12,176,239)
-
#02b4f9
#02b4f9
rgb(2,180,249)
Color Blindness Simulator
Below, you can see how #02b4f9 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.