#00c4f2 Color Information
In a RGB color space, hex #00c4f2 is composed of 0% red, 76.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 19% magenta, 0% yellow and 5.1% black. It has a hue angle of 191.4 degrees, a saturation of 100% and a lightness of 47.5%. #00c4f2 color hex could be obtained by blending #00ffff with #0089e5. Closest websafe color is: #00ccff.
-
- R 0
- G 77
- B 95
-
- C 100
- M 19
- Y 0
- K 5
● #00c4f2 color description : Pure (or mostly pure) cyan.
#00c4f2 Color Conversion
The hexadecimal color #00c4f2 has RGB values of R:0, G:196, B:242 and CMYK values of C:1, M:0.19, Y:0, K:0.05. Its decimal value is 50418.
Hex triplet | 00c4f2 | #00c4f2 |
---|---|---|
RGB Decimal | 0, 196, 242 | rgb(0,196,242) |
RGB Percent | 0, 76.9, 94.9 | rgb(0%,76.9%,94.9%) |
CMYK | 100, 19, 0, 5 | |
HSL | 191.4°, 100, 47.5 | hsl(191.4,100%,47.5%) |
HSV (or HSB) | 191.4°, 100, 94.9 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 73.472, -24.69, -34.108 |
---|---|
XYZ | 35.763, 45.887, 90.972 |
xyY | 0.207, 0.266, 45.887 |
CIE-LCH | 73.472, 42.106, 234.1 |
CIE-LUV | 73.472, -51.918, -51.676 |
Hunter-Lab | 67.74, -24.308, -32.206 |
Binary | 00000000, 11000100, 11110010 |
Color Schemes with #00c4f2
Alternatives to #00c4f2
Below, you can see some colors close to #00c4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00c4f2 Preview
This text has a font color of #00c4f2.
<span style="color:#00c4f2;">Text here</span>
This paragraph has a background color of #00c4f2.
<p style="background-color:#00c4f2;">Content here</p>
This element has a border color of #00c4f2.
<div style="border:1px solid #00c4f2;">Content here</div>
.text {color:#00c4f2;}
.background {background-color:#00c4f2;}
.border {border:1px solid #00c4f2;}
Shades and Tints of #00c4f2
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, #000507 is the darkest color, while #f2fdff is the lightest one.
-
#000507
#000507
rgb(0,5,7)
-
#00151a
#00151a
rgb(0,21,26)
-
#00252e
#00252e
rgb(0,37,46)
-
#003541
#003541
rgb(0,53,65)
-
#004555
#004555
rgb(0,69,85)
-
#005569
#005569
rgb(0,85,105)
-
#00657c
#00657c
rgb(0,101,124)
-
#007590
#007590
rgb(0,117,144)
-
#0084a4
#0084a4
rgb(0,132,164)
-
#0094b7
#0094b7
rgb(0,148,183)
-
#00a4cb
#00a4cb
rgb(0,164,203)
-
#00b4de
#00b4de
rgb(0,180,222)
-
#00c4f2
#00c4f2
rgb(0,196,242)
-
#07d0ff
#07d0ff
rgb(7,208,255)
-
#1ad4ff
#1ad4ff
rgb(26,212,255)
-
#2ed7ff
#2ed7ff
rgb(46,215,255)
-
#41dbff
#41dbff
rgb(65,219,255)
-
#55dfff
#55dfff
rgb(85,223,255)
-
#69e2ff
#69e2ff
rgb(105,226,255)
-
#7ce6ff
#7ce6ff
rgb(124,230,255)
-
#90eaff
#90eaff
rgb(144,234,255)
-
#a4eeff
#a4eeff
rgb(164,238,255)
-
#b7f1ff
#b7f1ff
rgb(183,241,255)
-
#cbf5ff
#cbf5ff
rgb(203,245,255)
-
#def9ff
#def9ff
rgb(222,249,255)
-
#f2fdff
#f2fdff
rgb(242,253,255)
Tones of #00c4f2
A tone is produced by adding gray to any pure hue. In this case, #707f82 is the less saturated color, while #00c4f2 is the most saturated one.
-
#707f82
#707f82
rgb(112,127,130)
-
#66858c
#66858c
rgb(102,133,140)
-
#5d8a95
#5d8a95
rgb(93,138,149)
-
#54909e
#54909e
rgb(84,144,158)
-
#4a96a8
#4a96a8
rgb(74,150,168)
-
#419cb1
#419cb1
rgb(65,156,177)
-
#38a1ba
#38a1ba
rgb(56,161,186)
-
#2fa7c3
#2fa7c3
rgb(47,167,195)
-
#25adcd
#25adcd
rgb(37,173,205)
-
#1cb3d6
#1cb3d6
rgb(28,179,214)
-
#13b8df
#13b8df
rgb(19,184,223)
-
#09bee9
#09bee9
rgb(9,190,233)
-
#00c4f2
#00c4f2
rgb(0,196,242)
Color Blindness Simulator
Below, you can see how #00c4f2 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.