#00caf9 Color Information
In a RGB color space, hex #00caf9 is composed of 0% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 191.3 degrees, a saturation of 100% and a lightness of 48.8%. #00caf9 color hex could be obtained by blending #00ffff with #0095f3. Closest websafe color is: #00ccff.
-
- R 0
- G 79
- B 98
-
- C 100
- M 19
- Y 0
- K 2
● #00caf9 color description : Pure (or mostly pure) cyan.
#00caf9 Color Conversion
The hexadecimal color #00caf9 has RGB values of R:0, G:202, B:249 and CMYK values of C:1, M:0.19, Y:0, K:0.02. Its decimal value is 51961.
Hex triplet | 00caf9 | #00caf9 |
---|---|---|
RGB Decimal | 0, 202, 249 | rgb(0,202,249) |
RGB Percent | 0, 79.2, 97.6 | rgb(0%,79.2%,97.6%) |
CMYK | 100, 19, 0, 2 | |
HSL | 191.3°, 100, 48.8 | hsl(191.3,100%,48.8%) |
HSV (or HSB) | 191.3°, 100, 97.6 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.499, -25.357, -34.736 |
---|---|
XYZ | 38.215, 49.077, 97.076 |
xyY | 0.207, 0.266, 49.077 |
CIE-LCH | 75.499, 43.006, 233.87 |
CIE-LUV | 75.499, -53.383, -52.838 |
Hunter-Lab | 70.055, -25.225, -33.121 |
Binary | 00000000, 11001010, 11111001 |
Color Schemes with #00caf9
Alternatives to #00caf9
Below, you can see some colors close to #00caf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00caf9 Preview
This text has a font color of #00caf9.
<span style="color:#00caf9;">Text here</span>
This paragraph has a background color of #00caf9.
<p style="background-color:#00caf9;">Content here</p>
This element has a border color of #00caf9.
<div style="border:1px solid #00caf9;">Content here</div>
.text {color:#00caf9;}
.background {background-color:#00caf9;}
.border {border:1px solid #00caf9;}
Shades and Tints of #00caf9
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, #000b0e is the darkest color, while #f9feff is the lightest one.
-
#000b0e
#000b0e
rgb(0,11,14)
-
#001b21
#001b21
rgb(0,27,33)
-
#002b35
#002b35
rgb(0,43,53)
-
#003b48
#003b48
rgb(0,59,72)
-
#004b5c
#004b5c
rgb(0,75,92)
-
#005b70
#005b70
rgb(0,91,112)
-
#006b83
#006b83
rgb(0,107,131)
-
#007a97
#007a97
rgb(0,122,151)
-
#008aab
#008aab
rgb(0,138,171)
-
#009abe
#009abe
rgb(0,154,190)
-
#00aad2
#00aad2
rgb(0,170,210)
-
#00bae5
#00bae5
rgb(0,186,229)
-
#00caf9
#00caf9
rgb(0,202,249)
-
#0ed1ff
#0ed1ff
rgb(14,209,255)
-
#21d5ff
#21d5ff
rgb(33,213,255)
-
#35d9ff
#35d9ff
rgb(53,217,255)
-
#48ddff
#48ddff
rgb(72,221,255)
-
#5ce0ff
#5ce0ff
rgb(92,224,255)
-
#70e4ff
#70e4ff
rgb(112,228,255)
-
#83e8ff
#83e8ff
rgb(131,232,255)
-
#97ebff
#97ebff
rgb(151,235,255)
-
#abefff
#abefff
rgb(171,239,255)
-
#bef3ff
#bef3ff
rgb(190,243,255)
-
#d2f6ff
#d2f6ff
rgb(210,246,255)
-
#e5faff
#e5faff
rgb(229,250,255)
-
#f9feff
#f9feff
rgb(249,254,255)
Tones of #00caf9
A tone is produced by adding gray to any pure hue. In this case, #738286 is the less saturated color, while #00caf9 is the most saturated one.
-
#738286
#738286
rgb(115,130,134)
-
#698890
#698890
rgb(105,136,144)
-
#608e99
#608e99
rgb(96,142,153)
-
#5694a3
#5694a3
rgb(86,148,163)
-
#4d9aac
#4d9aac
rgb(77,154,172)
-
#43a0b6
#43a0b6
rgb(67,160,182)
-
#39a6c0
#39a6c0
rgb(57,166,192)
-
#30acc9
#30acc9
rgb(48,172,201)
-
#26b2d3
#26b2d3
rgb(38,178,211)
-
#1db8dc
#1db8dc
rgb(29,184,220)
-
#13bee6
#13bee6
rgb(19,190,230)
-
#0ac4ef
#0ac4ef
rgb(10,196,239)
-
#00caf9
#00caf9
rgb(0,202,249)
Color Blindness Simulator
Below, you can see how #00caf9 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.