#02caf1 Color Information
In a RGB color space, hex #02caf1 is composed of 0.8% red, 79.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 16.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 189.8 degrees, a saturation of 98.4% and a lightness of 47.6%. #02caf1 color hex could be obtained by blending #04ffff with #0095e3. Closest websafe color is: #00ccff.
-
- R 1
- G 79
- B 95
-
- C 99
- M 16
- Y 0
- K 5
● #02caf1 color description : Vivid cyan.
#02caf1 Color Conversion
The hexadecimal color #02caf1 has RGB values of R:2, G:202, B:241 and CMYK values of C:0.99, M:0.16, Y:0, K:0.05. Its decimal value is 183025.
Hex triplet | 02caf1 | #02caf1 |
---|---|---|
RGB Decimal | 2, 202, 241 | rgb(2,202,241) |
RGB Percent | 0.8, 79.2, 94.5 | rgb(0.8%,79.2%,94.5%) |
CMYK | 99, 16, 0, 5 | |
HSL | 189.8°, 98.4, 47.6 | hsl(189.8,98.4%,47.6%) |
HSV (or HSB) | 189.8°, 99.2, 94.5 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.202, -27.971, -30.898 |
---|---|
XYZ | 37.018, 48.601, 90.644 |
xyY | 0.21, 0.276, 48.601 |
CIE-LCH | 75.202, 41.678, 227.846 |
CIE-LUV | 75.202, -53.948, -45.877 |
Hunter-Lab | 69.714, -27.217, -28.29 |
Binary | 00000010, 11001010, 11110001 |
Color Schemes with #02caf1
Alternatives to #02caf1
Below, you can see some colors close to #02caf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02caf1 Preview
This text has a font color of #02caf1.
<span style="color:#02caf1;">Text here</span>
This paragraph has a background color of #02caf1.
<p style="background-color:#02caf1;">Content here</p>
This element has a border color of #02caf1.
<div style="border:1px solid #02caf1;">Content here</div>
.text {color:#02caf1;}
.background {background-color:#02caf1;}
.border {border:1px solid #02caf1;}
Shades and Tints of #02caf1
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, #000608 is the darkest color, while #f3fdff is the lightest one.
-
#000608
#000608
rgb(0,6,8)
-
#00171b
#00171b
rgb(0,23,27)
-
#00272e
#00272e
rgb(0,39,46)
-
#013742
#013742
rgb(1,55,66)
-
#014855
#014855
rgb(1,72,85)
-
#015869
#015869
rgb(1,88,105)
-
#01687c
#01687c
rgb(1,104,124)
-
#017890
#017890
rgb(1,120,144)
-
#0189a3
#0189a3
rgb(1,137,163)
-
#0299b7
#0299b7
rgb(2,153,183)
-
#02a9ca
#02a9ca
rgb(2,169,202)
-
#02bade
#02bade
rgb(2,186,222)
-
#02caf1
#02caf1
rgb(2,202,241)
-
#0ad5fd
#0ad5fd
rgb(10,213,253)
-
#1dd9fd
#1dd9fd
rgb(29,217,253)
-
#31dcfd
#31dcfd
rgb(49,220,253)
-
#44dffd
#44dffd
rgb(68,223,253)
-
#57e2fe
#57e2fe
rgb(87,226,254)
-
#6be6fe
#6be6fe
rgb(107,230,254)
-
#7ee9fe
#7ee9fe
rgb(126,233,254)
-
#92ecfe
#92ecfe
rgb(146,236,254)
-
#a5f0fe
#a5f0fe
rgb(165,240,254)
-
#b9f3fe
#b9f3fe
rgb(185,243,254)
-
#ccf6ff
#ccf6ff
rgb(204,246,255)
-
#e0faff
#e0faff
rgb(224,250,255)
-
#f3fdff
#f3fdff
rgb(243,253,255)
Tones of #02caf1
A tone is produced by adding gray to any pure hue. In this case, #727e81 is the less saturated color, while #02caf1 is the most saturated one.
-
#727e81
#727e81
rgb(114,126,129)
-
#69858a
#69858a
rgb(105,133,138)
-
#5f8b94
#5f8b94
rgb(95,139,148)
-
#56919d
#56919d
rgb(86,145,157)
-
#4d98a6
#4d98a6
rgb(77,152,166)
-
#439eb0
#439eb0
rgb(67,158,176)
-
#3aa4b9
#3aa4b9
rgb(58,164,185)
-
#31abc2
#31abc2
rgb(49,171,194)
-
#27b1cc
#27b1cc
rgb(39,177,204)
-
#1eb7d5
#1eb7d5
rgb(30,183,213)
-
#15bdde
#15bdde
rgb(21,189,222)
-
#0bc4e8
#0bc4e8
rgb(11,196,232)
-
#02caf1
#02caf1
rgb(2,202,241)
Color Blindness Simulator
Below, you can see how #02caf1 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.