#02b8f6 Color Information
In a RGB color space, hex #02b8f6 is composed of 0.8% red, 72.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 25.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 195.2 degrees, a saturation of 98.4% and a lightness of 48.6%. #02b8f6 color hex could be obtained by blending #04ffff with #0071ed. Closest websafe color is: #00ccff.
-
- R 1
- G 72
- B 96
-
- C 99
- M 25
- Y 0
- K 4
● #02b8f6 color description : Vivid blue.
#02b8f6 Color Conversion
The hexadecimal color #02b8f6 has RGB values of R:2, G:184, B:246 and CMYK values of C:0.99, M:0.25, Y:0, K:0.04. Its decimal value is 178422.
Hex triplet | 02b8f6 | #02b8f6 |
---|---|---|
RGB Decimal | 2, 184, 246 | rgb(2,184,246) |
RGB Percent | 0.8, 72.2, 96.5 | rgb(0.8%,72.2%,96.5%) |
CMYK | 99, 25, 0, 4 | |
HSL | 195.2°, 98.4, 48.6 | hsl(195.2,98.4%,48.6%) |
HSV (or HSB) | 195.2°, 99.2, 96.5 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 70.137, -17.056, -41.455 |
---|---|
XYZ | 33.796, 40.944, 93.306 |
xyY | 0.201, 0.244, 40.944 |
CIE-LCH | 70.137, 44.827, 247.636 |
CIE-LUV | 70.137, -47.549, -64.914 |
Hunter-Lab | 63.988, -17.702, -41.664 |
Binary | 00000010, 10111000, 11110110 |
Color Schemes with #02b8f6
Alternatives to #02b8f6
Below, you can see some colors close to #02b8f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02b8f6 Preview
This text has a font color of #02b8f6.
<span style="color:#02b8f6;">Text here</span>
This paragraph has a background color of #02b8f6.
<p style="background-color:#02b8f6;">Content here</p>
This element has a border color of #02b8f6.
<div style="border:1px solid #02b8f6;">Content here</div>
.text {color:#02b8f6;}
.background {background-color:#02b8f6;}
.border {border:1px solid #02b8f6;}
Shades and Tints of #02b8f6
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)
-
#001820
#001820
rgb(0,24,32)
-
#002633
#002633
rgb(0,38,51)
-
#013547
#013547
rgb(1,53,71)
-
#01445a
#01445a
rgb(1,68,90)
-
#01526e
#01526e
rgb(1,82,110)
-
#016181
#016181
rgb(1,97,129)
-
#016f95
#016f95
rgb(1,111,149)
-
#017ea8
#017ea8
rgb(1,126,168)
-
#028cbc
#028cbc
rgb(2,140,188)
-
#029bcf
#029bcf
rgb(2,155,207)
-
#02a9e3
#02a9e3
rgb(2,169,227)
-
#02b8f6
#02b8f6
rgb(2,184,246)
-
#0fc0fd
#0fc0fd
rgb(15,192,253)
-
#22c6fd
#22c6fd
rgb(34,198,253)
-
#35cbfd
#35cbfd
rgb(53,203,253)
-
#49d0fe
#49d0fe
rgb(73,208,254)
-
#5cd5fe
#5cd5fe
rgb(92,213,254)
-
#70dafe
#70dafe
rgb(112,218,254)
-
#83dffe
#83dffe
rgb(131,223,254)
-
#97e4fe
#97e4fe
rgb(151,228,254)
-
#aae9fe
#aae9fe
rgb(170,233,254)
-
#beeefe
#beeefe
rgb(190,238,254)
-
#d1f3ff
#d1f3ff
rgb(209,243,255)
-
#e5f8ff
#e5f8ff
rgb(229,248,255)
-
#f8fdff
#f8fdff
rgb(248,253,255)
Tones of #02b8f6
A tone is produced by adding gray to any pure hue. In this case, #748084 is the less saturated color, while #02b8f6 is the most saturated one.
-
#748084
#748084
rgb(116,128,132)
-
#6b848d
#6b848d
rgb(107,132,141)
-
#618997
#618997
rgb(97,137,151)
-
#588ea0
#588ea0
rgb(88,142,160)
-
#4e92aa
#4e92aa
rgb(78,146,170)
-
#4597b3
#4597b3
rgb(69,151,179)
-
#3b9cbd
#3b9cbd
rgb(59,156,189)
-
#32a1c6
#32a1c6
rgb(50,161,198)
-
#28a5d0
#28a5d0
rgb(40,165,208)
-
#1faad9
#1faad9
rgb(31,170,217)
-
#15afe3
#15afe3
rgb(21,175,227)
-
#0cb3ec
#0cb3ec
rgb(12,179,236)
-
#02b8f6
#02b8f6
rgb(2,184,246)
Color Blindness Simulator
Below, you can see how #02b8f6 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.