#02ccf2 Color Information
In a RGB color space, hex #02ccf2 is composed of 0.8% red, 80% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 15.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 189.5 degrees, a saturation of 98.4% and a lightness of 47.8%. #02ccf2 color hex could be obtained by blending #04ffff with #0099e5. Closest websafe color is: #00ccff.
-
- R 1
- G 80
- B 95
-
- C 99
- M 16
- Y 0
- K 5
● #02ccf2 color description : Vivid cyan.
#02ccf2 Color Conversion
The hexadecimal color #02ccf2 has RGB values of R:2, G:204, B:242 and CMYK values of C:0.99, M:0.16, Y:0, K:0.05. Its decimal value is 183538.
Hex triplet | 02ccf2 | #02ccf2 |
---|---|---|
RGB Decimal | 2, 204, 242 | rgb(2,204,242) |
RGB Percent | 0.8, 80, 94.9 | rgb(0.8%,80%,94.9%) |
CMYK | 99, 16, 0, 5 | |
HSL | 189.5°, 98.4, 47.8 | hsl(189.5,98.4%,47.8%) |
HSV (or HSB) | 189.5°, 99.2, 94.9 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.827, -28.627, -30.475 |
---|---|
XYZ | 37.64, 49.606, 91.59 |
xyY | 0.21, 0.277, 49.606 |
CIE-LCH | 75.827, 41.812, 226.79 |
CIE-LUV | 75.827, -54.541, -45.107 |
Hunter-Lab | 70.431, -27.859, -27.8 |
Binary | 00000010, 11001100, 11110010 |
Color Schemes with #02ccf2
Alternatives to #02ccf2
Below, you can see some colors close to #02ccf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02ccf2 Preview
This text has a font color of #02ccf2.
<span style="color:#02ccf2;">Text here</span>
This paragraph has a background color of #02ccf2.
<p style="background-color:#02ccf2;">Content here</p>
This element has a border color of #02ccf2.
<div style="border:1px solid #02ccf2;">Content here</div>
.text {color:#02ccf2;}
.background {background-color:#02ccf2;}
.border {border:1px solid #02ccf2;}
Shades and Tints of #02ccf2
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, #000709 is the darkest color, while #f4fdff is the lightest one.
-
#000709
#000709
rgb(0,7,9)
-
#00181c
#00181c
rgb(0,24,28)
-
#00282f
#00282f
rgb(0,40,47)
-
#013843
#013843
rgb(1,56,67)
-
#014956
#014956
rgb(1,73,86)
-
#01596a
#01596a
rgb(1,89,106)
-
#016a7d
#016a7d
rgb(1,106,125)
-
#017a91
#017a91
rgb(1,122,145)
-
#018aa4
#018aa4
rgb(1,138,164)
-
#029bb8
#029bb8
rgb(2,155,184)
-
#02abcb
#02abcb
rgb(2,171,203)
-
#02bcdf
#02bcdf
rgb(2,188,223)
-
#02ccf2
#02ccf2
rgb(2,204,242)
-
#0bd7fd
#0bd7fd
rgb(11,215,253)
-
#1edafd
#1edafd
rgb(30,218,253)
-
#32ddfd
#32ddfd
rgb(50,221,253)
-
#45e0fd
#45e0fd
rgb(69,224,253)
-
#58e3fe
#58e3fe
rgb(88,227,254)
-
#6ce7fe
#6ce7fe
rgb(108,231,254)
-
#7feafe
#7feafe
rgb(127,234,254)
-
#93edfe
#93edfe
rgb(147,237,254)
-
#a6f0fe
#a6f0fe
rgb(166,240,254)
-
#baf4fe
#baf4fe
rgb(186,244,254)
-
#cdf7ff
#cdf7ff
rgb(205,247,255)
-
#e1faff
#e1faff
rgb(225,250,255)
-
#f4fdff
#f4fdff
rgb(244,253,255)
Tones of #02ccf2
A tone is produced by adding gray to any pure hue. In this case, #737f81 is the less saturated color, while #02ccf2 is the most saturated one.
-
#737f81
#737f81
rgb(115,127,129)
-
#69858b
#69858b
rgb(105,133,139)
-
#608c94
#608c94
rgb(96,140,148)
-
#56929e
#56929e
rgb(86,146,158)
-
#4d99a7
#4d99a7
rgb(77,153,167)
-
#449fb0
#449fb0
rgb(68,159,176)
-
#3aa6ba
#3aa6ba
rgb(58,166,186)
-
#31acc3
#31acc3
rgb(49,172,195)
-
#28b2cc
#28b2cc
rgb(40,178,204)
-
#1eb9d6
#1eb9d6
rgb(30,185,214)
-
#15bfdf
#15bfdf
rgb(21,191,223)
-
#0bc6e9
#0bc6e9
rgb(11,198,233)
-
#02ccf2
#02ccf2
rgb(2,204,242)
Color Blindness Simulator
Below, you can see how #02ccf2 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.