#02caf5 Color Information
In a RGB color space, hex #02caf5 is composed of 0.8% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 190.6 degrees, a saturation of 98.4% and a lightness of 48.4%. #02caf5 color hex could be obtained by blending #04ffff with #0095eb. Closest websafe color is: #00ccff.
-
- R 1
- G 79
- B 96
-
- C 99
- M 18
- Y 0
- K 4
● #02caf5 color description : Vivid cyan.
#02caf5 Color Conversion
The hexadecimal color #02caf5 has RGB values of R:2, G:202, B:245 and CMYK values of C:0.99, M:0.18, Y:0, K:0.04. Its decimal value is 183029.
Hex triplet | 02caf5 | #02caf5 |
---|---|---|
RGB Decimal | 2, 202, 245 | rgb(2,202,245) |
RGB Percent | 0.8, 79.2, 96.1 | rgb(0.8%,79.2%,96.1%) |
CMYK | 99, 18, 0, 4 | |
HSL | 190.6°, 98.4, 48.4 | hsl(190.6,98.4%,48.4%) |
HSV (or HSB) | 190.6°, 99.2, 96.1 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.353, -26.646, -32.814 |
---|---|
XYZ | 37.622, 48.843, 93.826 |
xyY | 0.209, 0.271, 48.843 |
CIE-LCH | 75.353, 42.27, 230.922 |
CIE-LUV | 75.353, -53.636, -49.349 |
Hunter-Lab | 69.888, -26.212, -30.677 |
Binary | 00000010, 11001010, 11110101 |
Color Schemes with #02caf5
Alternatives to #02caf5
Below, you can see some colors close to #02caf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02caf5 Preview
This text has a font color of #02caf5.
<span style="color:#02caf5;">Text here</span>
This paragraph has a background color of #02caf5.
<p style="background-color:#02caf5;">Content here</p>
This element has a border color of #02caf5.
<div style="border:1px solid #02caf5;">Content here</div>
.text {color:#02caf5;}
.background {background-color:#02caf5;}
.border {border:1px solid #02caf5;}
Shades and Tints of #02caf5
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, #00090c is the darkest color, while #f7feff is the lightest one.
-
#00090c
#00090c
rgb(0,9,12)
-
#001a1f
#001a1f
rgb(0,26,31)
-
#002a32
#002a32
rgb(0,42,50)
-
#013a46
#013a46
rgb(1,58,70)
-
#014a59
#014a59
rgb(1,74,89)
-
#015a6d
#015a6d
rgb(1,90,109)
-
#016a80
#016a80
rgb(1,106,128)
-
#017a94
#017a94
rgb(1,122,148)
-
#018aa7
#018aa7
rgb(1,138,167)
-
#029abb
#029abb
rgb(2,154,187)
-
#02aace
#02aace
rgb(2,170,206)
-
#02bae2
#02bae2
rgb(2,186,226)
-
#02caf5
#02caf5
rgb(2,202,245)
-
#0ed3fd
#0ed3fd
rgb(14,211,253)
-
#21d6fd
#21d6fd
rgb(33,214,253)
-
#34dafd
#34dafd
rgb(52,218,253)
-
#48ddfe
#48ddfe
rgb(72,221,254)
-
#5be1fe
#5be1fe
rgb(91,225,254)
-
#6fe5fe
#6fe5fe
rgb(111,229,254)
-
#82e8fe
#82e8fe
rgb(130,232,254)
-
#96ecfe
#96ecfe
rgb(150,236,254)
-
#a9effe
#a9effe
rgb(169,239,254)
-
#bdf3fe
#bdf3fe
rgb(189,243,254)
-
#d0f6ff
#d0f6ff
rgb(208,246,255)
-
#e4faff
#e4faff
rgb(228,250,255)
-
#f7feff
#f7feff
rgb(247,254,255)
Tones of #02caf5
A tone is produced by adding gray to any pure hue. In this case, #748083 is the less saturated color, while #02caf5 is the most saturated one.
-
#748083
#748083
rgb(116,128,131)
-
#6b868d
#6b868d
rgb(107,134,141)
-
#618d96
#618d96
rgb(97,141,150)
-
#5893a0
#5893a0
rgb(88,147,160)
-
#4e99a9
#4e99a9
rgb(78,153,169)
-
#459fb3
#459fb3
rgb(69,159,179)
-
#3ba5bc
#3ba5bc
rgb(59,165,188)
-
#32abc6
#32abc6
rgb(50,171,198)
-
#28b1cf
#28b1cf
rgb(40,177,207)
-
#1fb8d9
#1fb8d9
rgb(31,184,217)
-
#15bee2
#15bee2
rgb(21,190,226)
-
#0cc4ec
#0cc4ec
rgb(12,196,236)
-
#02caf5
#02caf5
rgb(2,202,245)
Color Blindness Simulator
Below, you can see how #02caf5 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.