#00caff Color Information
In a RGB color space, hex #00caff is composed of 0% red, 79.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 20.8% magenta, 0% yellow and 0% black. It has a hue angle of 192.5 degrees, a saturation of 100% and a lightness of 50%. #00caff color hex could be obtained by blending #00ffff with #0095ff. Closest websafe color is: #00ccff.
-
- R 0
- G 79
- B 100
-
- C 100
- M 21
- Y 0
- K 0
● #00caff color description : Pure (or mostly pure) cyan.
#00caff Color Conversion
The hexadecimal color #00caff has RGB values of R:0, G:202, B:255 and CMYK values of C:1, M:0.21, Y:0, K:0. Its decimal value is 51967.
Hex triplet | 00caff | #00caff |
---|---|---|
RGB Decimal | 0, 202, 255 | rgb(0,202,255) |
RGB Percent | 0, 79.2, 100 | rgb(0%,79.2%,100%) |
CMYK | 100, 21, 0, 0 | |
HSL | 192.5°, 100, 50 | hsl(192.5,100%,50%) |
HSV (or HSB) | 192.5°, 100, 100 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.735, -23.338, -37.584 |
---|---|
XYZ | 39.166, 49.457, 102.084 |
xyY | 0.205, 0.259, 49.457 |
CIE-LCH | 75.735, 44.24, 238.162 |
CIE-LUV | 75.735, -52.922, -58.041 |
Hunter-Lab | 70.326, -23.66, -36.837 |
Binary | 00000000, 11001010, 11111111 |
Color Schemes with #00caff
Alternatives to #00caff
Below, you can see some colors close to #00caff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00caff Preview
This text has a font color of #00caff.
<span style="color:#00caff;">Text here</span>
This paragraph has a background color of #00caff.
<p style="background-color:#00caff;">Content here</p>
This element has a border color of #00caff.
<div style="border:1px solid #00caff;">Content here</div>
.text {color:#00caff;}
.background {background-color:#00caff;}
.border {border:1px solid #00caff;}
Shades and Tints of #00caff
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, #001014 is the darkest color, while #ffffff is the lightest one.
-
#001014
#001014
rgb(0,16,20)
-
#001f27
#001f27
rgb(0,31,39)
-
#002f3b
#002f3b
rgb(0,47,59)
-
#003e4e
#003e4e
rgb(0,62,78)
-
#004e62
#004e62
rgb(0,78,98)
-
#005d76
#005d76
rgb(0,93,118)
-
#006d89
#006d89
rgb(0,109,137)
-
#007c9d
#007c9d
rgb(0,124,157)
-
#008cb1
#008cb1
rgb(0,140,177)
-
#009bc4
#009bc4
rgb(0,155,196)
-
#00abd8
#00abd8
rgb(0,171,216)
-
#00baeb
#00baeb
rgb(0,186,235)
-
#00caff
#00caff
rgb(0,202,255)
-
#14ceff
#14ceff
rgb(20,206,255)
-
#27d2ff
#27d2ff
rgb(39,210,255)
-
#3bd6ff
#3bd6ff
rgb(59,214,255)
-
#4edaff
#4edaff
rgb(78,218,255)
-
#62deff
#62deff
rgb(98,222,255)
-
#76e2ff
#76e2ff
rgb(118,226,255)
-
#89e7ff
#89e7ff
rgb(137,231,255)
-
#9debff
#9debff
rgb(157,235,255)
-
#b1efff
#b1efff
rgb(177,239,255)
-
#c4f3ff
#c4f3ff
rgb(196,243,255)
-
#d8f7ff
#d8f7ff
rgb(216,247,255)
-
#ebfbff
#ebfbff
rgb(235,251,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #00caff
A tone is produced by adding gray to any pure hue. In this case, #768589 is the less saturated color, while #00caff is the most saturated one.
-
#768589
#768589
rgb(118,133,137)
-
#6c8b93
#6c8b93
rgb(108,139,147)
-
#62919d
#62919d
rgb(98,145,157)
-
#5896a7
#5896a7
rgb(88,150,167)
-
#4e9cb1
#4e9cb1
rgb(78,156,177)
-
#45a2ba
#45a2ba
rgb(69,162,186)
-
#3ba8c4
#3ba8c4
rgb(59,168,196)
-
#31adce
#31adce
rgb(49,173,206)
-
#27b3d8
#27b3d8
rgb(39,179,216)
-
#1db9e2
#1db9e2
rgb(29,185,226)
-
#14bfeb
#14bfeb
rgb(20,191,235)
-
#0ac4f5
#0ac4f5
rgb(10,196,245)
-
#00caff
#00caff
rgb(0,202,255)
Color Blindness Simulator
Below, you can see how #00caff 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.