#02b4fa Color Information
In a RGB color space, hex #02b4fa is composed of 0.8% red, 70.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 28% magenta, 0% yellow and 2% black. It has a hue angle of 196.9 degrees, a saturation of 98.4% and a lightness of 49.4%. #02b4fa color hex could be obtained by blending #04ffff with #0069f5. Closest websafe color is: #00ccff.
-
- R 1
- G 71
- B 98
-
- C 99
- M 28
- Y 0
- K 2
● #02b4fa color description : Vivid blue.
#02b4fa Color Conversion
The hexadecimal color #02b4fa has RGB values of R:2, G:180, B:250 and CMYK values of C:0.99, M:0.28, Y:0, K:0.02. Its decimal value is 177402.
Hex triplet | 02b4fa | #02b4fa |
---|---|---|
RGB Decimal | 2, 180, 250 | rgb(2,180,250) |
RGB Percent | 0.8, 70.6, 98 | rgb(0.8%,70.6%,98%) |
CMYK | 99, 28, 0, 2 | |
HSL | 196.9°, 98.4, 49.4 | hsl(196.9,98.4%,49.4%) |
HSV (or HSB) | 196.9°, 99.2, 98 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 69.151, -13.501, -45.167 |
---|---|
XYZ | 33.597, 39.554, 96.301 |
xyY | 0.198, 0.233, 39.554 |
CIE-LCH | 69.151, 47.142, 253.358 |
CIE-LUV | 69.151, -45.935, -71.579 |
Hunter-Lab | 62.892, -14.706, -46.761 |
Binary | 00000010, 10110100, 11111010 |
Color Schemes with #02b4fa
Alternatives to #02b4fa
Below, you can see some colors close to #02b4fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02b4fa Preview
This text has a font color of #02b4fa.
<span style="color:#02b4fa;">Text here</span>
This paragraph has a background color of #02b4fa.
<p style="background-color:#02b4fa;">Content here</p>
This element has a border color of #02b4fa.
<div style="border:1px solid #02b4fa;">Content here</div>
.text {color:#02b4fa;}
.background {background-color:#02b4fa;}
.border {border:1px solid #02b4fa;}
Shades and Tints of #02b4fa
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, #000c10 is the darkest color, while #fcfeff is the lightest one.
-
#000c10
#000c10
rgb(0,12,16)
-
#001a24
#001a24
rgb(0,26,36)
-
#002837
#002837
rgb(0,40,55)
-
#01364b
#01364b
rgb(1,54,75)
-
#01445e
#01445e
rgb(1,68,94)
-
#015272
#015272
rgb(1,82,114)
-
#016085
#016085
rgb(1,96,133)
-
#016e99
#016e99
rgb(1,110,153)
-
#017cac
#017cac
rgb(1,124,172)
-
#028ac0
#028ac0
rgb(2,138,192)
-
#0298d3
#0298d3
rgb(2,152,211)
-
#02a6e7
#02a6e7
rgb(2,166,231)
-
#02b4fa
#02b4fa
rgb(2,180,250)
-
#13bbfd
#13bbfd
rgb(19,187,253)
-
#26c0fd
#26c0fd
rgb(38,192,253)
-
#39c6fd
#39c6fd
rgb(57,198,253)
-
#4dccfe
#4dccfe
rgb(77,204,254)
-
#60d1fe
#60d1fe
rgb(96,209,254)
-
#74d7fe
#74d7fe
rgb(116,215,254)
-
#87ddfe
#87ddfe
rgb(135,221,254)
-
#9be2fe
#9be2fe
rgb(155,226,254)
-
#aee8fe
#aee8fe
rgb(174,232,254)
-
#c2edff
#c2edff
rgb(194,237,255)
-
#d5f3ff
#d5f3ff
rgb(213,243,255)
-
#e9f9ff
#e9f9ff
rgb(233,249,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #02b4fa
A tone is produced by adding gray to any pure hue. In this case, #768186 is the less saturated color, while #02b4fa is the most saturated one.
-
#768186
#768186
rgb(118,129,134)
-
#6d868f
#6d868f
rgb(109,134,143)
-
#638a99
#638a99
rgb(99,138,153)
-
#598ea3
#598ea3
rgb(89,142,163)
-
#5092ac
#5092ac
rgb(80,146,172)
-
#4696b6
#4696b6
rgb(70,150,182)
-
#3c9bc0
#3c9bc0
rgb(60,155,192)
-
#329fca
#329fca
rgb(50,159,202)
-
#29a3d3
#29a3d3
rgb(41,163,211)
-
#1fa7dd
#1fa7dd
rgb(31,167,221)
-
#15ace7
#15ace7
rgb(21,172,231)
-
#0cb0f0
#0cb0f0
rgb(12,176,240)
-
#02b4fa
#02b4fa
rgb(2,180,250)
Color Blindness Simulator
Below, you can see how #02b4fa 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.