#02b5f9 Color Information
In a RGB color space, hex #02b5f9 is composed of 0.8% red, 71% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 27.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 196.5 degrees, a saturation of 98.4% and a lightness of 49.2%. #02b5f9 color hex could be obtained by blending #04ffff with #006bf3. Closest websafe color is: #00ccff.
-
- R 1
- G 71
- B 98
-
- C 99
- M 27
- Y 0
- K 2
● #02b5f9 color description : Vivid blue.
#02b5f9 Color Conversion
The hexadecimal color #02b5f9 has RGB values of R:2, G:181, B:249 and CMYK values of C:0.99, M:0.27, Y:0, K:0.02. Its decimal value is 177657.
Hex triplet | 02b5f9 | #02b5f9 |
---|---|---|
RGB Decimal | 2, 181, 249 | rgb(2,181,249) |
RGB Percent | 0.8, 71, 97.6 | rgb(0.8%,71%,97.6%) |
CMYK | 99, 27, 0, 2 | |
HSL | 196.5°, 98.4, 49.2 | hsl(196.5,98.4%,49.2%) |
HSV (or HSB) | 196.5°, 99.2, 97.6 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 69.396, -14.395, -44.241 |
---|---|
XYZ | 33.643, 39.897, 95.545 |
xyY | 0.199, 0.236, 39.897 |
CIE-LCH | 69.396, 46.524, 251.976 |
CIE-LUV | 69.396, -46.336, -69.918 |
Hunter-Lab | 63.164, -15.461, -45.47 |
Binary | 00000010, 10110101, 11111001 |
Color Schemes with #02b5f9
Alternatives to #02b5f9
Below, you can see some colors close to #02b5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02b5f9 Preview
This text has a font color of #02b5f9.
<span style="color:#02b5f9;">Text here</span>
This paragraph has a background color of #02b5f9.
<p style="background-color:#02b5f9;">Content here</p>
This element has a border color of #02b5f9.
<div style="border:1px solid #02b5f9;">Content here</div>
.text {color:#02b5f9;}
.background {background-color:#02b5f9;}
.border {border:1px solid #02b5f9;}
Shades and Tints of #02b5f9
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)
-
#002836
#002836
rgb(0,40,54)
-
#01364a
#01364a
rgb(1,54,74)
-
#01445d
#01445d
rgb(1,68,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)
-
#028bbf
#028bbf
rgb(2,139,191)
-
#0299d2
#0299d2
rgb(2,153,210)
-
#02a7e6
#02a7e6
rgb(2,167,230)
-
#02b5f9
#02b5f9
rgb(2,181,249)
-
#12bcfd
#12bcfd
rgb(18,188,253)
-
#25c2fd
#25c2fd
rgb(37,194,253)
-
#38c7fd
#38c7fd
rgb(56,199,253)
-
#4ccdfe
#4ccdfe
rgb(76,205,254)
-
#5fd2fe
#5fd2fe
rgb(95,210,254)
-
#73d8fe
#73d8fe
rgb(115,216,254)
-
#86ddfe
#86ddfe
rgb(134,221,254)
-
#9ae3fe
#9ae3fe
rgb(154,227,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 #02b5f9
A tone is produced by adding gray to any pure hue. In this case, #768185 is the less saturated color, while #02b5f9 is the most saturated one.
-
#768185
#768185
rgb(118,129,133)
-
#6c858f
#6c858f
rgb(108,133,143)
-
#638a98
#638a98
rgb(99,138,152)
-
#598ea2
#598ea2
rgb(89,142,162)
-
#4f92ac
#4f92ac
rgb(79,146,172)
-
#4697b5
#4697b5
rgb(70,151,181)
-
#3c9bbf
#3c9bbf
rgb(60,155,191)
-
#329fc9
#329fc9
rgb(50,159,201)
-
#29a4d2
#29a4d2
rgb(41,164,210)
-
#1fa8dc
#1fa8dc
rgb(31,168,220)
-
#15ace6
#15ace6
rgb(21,172,230)
-
#0cb1ef
#0cb1ef
rgb(12,177,239)
-
#02b5f9
#02b5f9
rgb(2,181,249)
Color Blindness Simulator
Below, you can see how #02b5f9 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.