#02b4f7 Color Information
In a RGB color space, hex #02b4f7 is composed of 0.8% red, 70.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 27.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 196.4 degrees, a saturation of 98.4% and a lightness of 48.8%. #02b4f7 color hex could be obtained by blending #04ffff with #0069ef. Closest websafe color is: #00ccff.
-
- R 1
- G 71
- B 97
-
- C 99
- M 27
- Y 0
- K 3
● #02b4f7 color description : Vivid blue.
#02b4f7 Color Conversion
The hexadecimal color #02b4f7 has RGB values of R:2, G:180, B:247 and CMYK values of C:0.99, M:0.27, Y:0, K:0.03. Its decimal value is 177399.
Hex triplet | 02b4f7 | #02b4f7 |
---|---|---|
RGB Decimal | 2, 180, 247 | rgb(2,180,247) |
RGB Percent | 0.8, 70.6, 96.9 | rgb(0.8%,70.6%,96.9%) |
CMYK | 99, 27, 0, 3 | |
HSL | 196.4°, 98.4, 48.8 | hsl(196.4,98.4%,48.8%) |
HSV (or HSB) | 196.4°, 99.2, 96.9 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 69.017, -14.567, -43.751 |
---|---|
XYZ | 33.13, 39.368, 93.843 |
xyY | 0.199, 0.237, 39.368 |
CIE-LCH | 69.017, 46.112, 251.585 |
CIE-LUV | 69.017, -46.148, -69.005 |
Hunter-Lab | 62.744, -15.548, -44.757 |
Binary | 00000010, 10110100, 11110111 |
Color Schemes with #02b4f7
Alternatives to #02b4f7
Below, you can see some colors close to #02b4f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02b4f7 Preview
This text has a font color of #02b4f7.
<span style="color:#02b4f7;">Text here</span>
This paragraph has a background color of #02b4f7.
<p style="background-color:#02b4f7;">Content here</p>
This element has a border color of #02b4f7.
<div style="border:1px solid #02b4f7;">Content here</div>
.text {color:#02b4f7;}
.background {background-color:#02b4f7;}
.border {border:1px solid #02b4f7;}
Shades and Tints of #02b4f7
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, #000a0e is the darkest color, while #f9fdff is the lightest one.
-
#000a0e
#000a0e
rgb(0,10,14)
-
#001821
#001821
rgb(0,24,33)
-
#002634
#002634
rgb(0,38,52)
-
#013448
#013448
rgb(1,52,72)
-
#01435b
#01435b
rgb(1,67,91)
-
#01516f
#01516f
rgb(1,81,111)
-
#015f82
#015f82
rgb(1,95,130)
-
#016d96
#016d96
rgb(1,109,150)
-
#017ba9
#017ba9
rgb(1,123,169)
-
#0289bd
#0289bd
rgb(2,137,189)
-
#0298d0
#0298d0
rgb(2,152,208)
-
#02a6e4
#02a6e4
rgb(2,166,228)
-
#02b4f7
#02b4f7
rgb(2,180,247)
-
#10bcfd
#10bcfd
rgb(16,188,253)
-
#23c2fd
#23c2fd
rgb(35,194,253)
-
#36c7fd
#36c7fd
rgb(54,199,253)
-
#4accfe
#4accfe
rgb(74,204,254)
-
#5dd2fe
#5dd2fe
rgb(93,210,254)
-
#71d7fe
#71d7fe
rgb(113,215,254)
-
#84ddfe
#84ddfe
rgb(132,221,254)
-
#98e2fe
#98e2fe
rgb(152,226,254)
-
#abe8fe
#abe8fe
rgb(171,232,254)
-
#bfedfe
#bfedfe
rgb(191,237,254)
-
#d2f2ff
#d2f2ff
rgb(210,242,255)
-
#e6f8ff
#e6f8ff
rgb(230,248,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #02b4f7
A tone is produced by adding gray to any pure hue. In this case, #758084 is the less saturated color, while #02b4f7 is the most saturated one.
-
#758084
#758084
rgb(117,128,132)
-
#6b848e
#6b848e
rgb(107,132,142)
-
#628997
#628997
rgb(98,137,151)
-
#588da1
#588da1
rgb(88,141,161)
-
#4f91aa
#4f91aa
rgb(79,145,170)
-
#4596b4
#4596b4
rgb(69,150,180)
-
#3b9abe
#3b9abe
rgb(59,154,190)
-
#329ec7
#329ec7
rgb(50,158,199)
-
#28a3d1
#28a3d1
rgb(40,163,209)
-
#1fa7da
#1fa7da
rgb(31,167,218)
-
#15abe4
#15abe4
rgb(21,171,228)
-
#0cb0ed
#0cb0ed
rgb(12,176,237)
-
#02b4f7
#02b4f7
rgb(2,180,247)
Color Blindness Simulator
Below, you can see how #02b4f7 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.