#02b4f6 Color Information
In a RGB color space, hex #02b4f6 is composed of 0.8% red, 70.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 26.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 196.2 degrees, a saturation of 98.4% and a lightness of 48.6%. #02b4f6 color hex could be obtained by blending #04ffff with #0069ed. Closest websafe color is: #00ccff.
-
- R 1
- G 71
- B 96
-
- C 99
- M 27
- Y 0
- K 4
● #02b4f6 color description : Vivid blue.
#02b4f6 Color Conversion
The hexadecimal color #02b4f6 has RGB values of R:2, G:180, B:246 and CMYK values of C:0.99, M:0.27, Y:0, K:0.04. Its decimal value is 177398.
Hex triplet | 02b4f6 | #02b4f6 |
---|---|---|
RGB Decimal | 2, 180, 246 | rgb(2,180,246) |
RGB Percent | 0.8, 70.6, 96.5 | rgb(0.8%,70.6%,96.5%) |
CMYK | 99, 27, 0, 4 | |
HSL | 196.2°, 98.4, 48.6 | hsl(196.2,98.4%,48.6%) |
HSV (or HSB) | 196.2°, 99.2, 96.5 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 68.972, -14.922, -43.278 |
---|---|
XYZ | 32.977, 39.306, 93.032 |
xyY | 0.199, 0.238, 39.306 |
CIE-LCH | 68.972, 45.778, 250.976 |
CIE-LUV | 68.972, -46.22, -68.146 |
Hunter-Lab | 62.694, -15.826, -44.094 |
Binary | 00000010, 10110100, 11110110 |
Color Schemes with #02b4f6
Alternatives to #02b4f6
Below, you can see some colors close to #02b4f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02b4f6 Preview
This text has a font color of #02b4f6.
<span style="color:#02b4f6;">Text here</span>
This paragraph has a background color of #02b4f6.
<p style="background-color:#02b4f6;">Content here</p>
This element has a border color of #02b4f6.
<div style="border:1px solid #02b4f6;">Content here</div>
.text {color:#02b4f6;}
.background {background-color:#02b4f6;}
.border {border:1px solid #02b4f6;}
Shades and Tints of #02b4f6
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, #00090d is the darkest color, while #f8fdff is the lightest one.
-
#00090d
#00090d
rgb(0,9,13)
-
#001720
#001720
rgb(0,23,32)
-
#002633
#002633
rgb(0,38,51)
-
#013447
#013447
rgb(1,52,71)
-
#01425a
#01425a
rgb(1,66,90)
-
#01506e
#01506e
rgb(1,80,110)
-
#015f81
#015f81
rgb(1,95,129)
-
#016d95
#016d95
rgb(1,109,149)
-
#017ba8
#017ba8
rgb(1,123,168)
-
#0289bc
#0289bc
rgb(2,137,188)
-
#0298cf
#0298cf
rgb(2,152,207)
-
#02a6e3
#02a6e3
rgb(2,166,227)
-
#02b4f6
#02b4f6
rgb(2,180,246)
-
#0fbdfd
#0fbdfd
rgb(15,189,253)
-
#22c2fd
#22c2fd
rgb(34,194,253)
-
#35c7fd
#35c7fd
rgb(53,199,253)
-
#49cdfe
#49cdfe
rgb(73,205,254)
-
#5cd2fe
#5cd2fe
rgb(92,210,254)
-
#70d7fe
#70d7fe
rgb(112,215,254)
-
#83ddfe
#83ddfe
rgb(131,221,254)
-
#97e2fe
#97e2fe
rgb(151,226,254)
-
#aae8fe
#aae8fe
rgb(170,232,254)
-
#beedfe
#beedfe
rgb(190,237,254)
-
#d1f2ff
#d1f2ff
rgb(209,242,255)
-
#e5f8ff
#e5f8ff
rgb(229,248,255)
-
#f8fdff
#f8fdff
rgb(248,253,255)
Tones of #02b4f6
A tone is produced by adding gray to any pure hue. In this case, #747f84 is the less saturated color, while #02b4f6 is the most saturated one.
-
#747f84
#747f84
rgb(116,127,132)
-
#6b848d
#6b848d
rgb(107,132,141)
-
#618897
#618897
rgb(97,136,151)
-
#588da0
#588da0
rgb(88,141,160)
-
#4e91aa
#4e91aa
rgb(78,145,170)
-
#4595b3
#4595b3
rgb(69,149,179)
-
#3b9abd
#3b9abd
rgb(59,154,189)
-
#329ec6
#329ec6
rgb(50,158,198)
-
#28a2d0
#28a2d0
rgb(40,162,208)
-
#1fa7d9
#1fa7d9
rgb(31,167,217)
-
#15abe3
#15abe3
rgb(21,171,227)
-
#0cb0ec
#0cb0ec
rgb(12,176,236)
-
#02b4f6
#02b4f6
rgb(2,180,246)
Color Blindness Simulator
Below, you can see how #02b4f6 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.