#00caf4 Color Information
In a RGB color space, hex #00caf4 is composed of 0% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 190.3 degrees, a saturation of 100% and a lightness of 47.8%. #00caf4 color hex could be obtained by blending #00ffff with #0095e9. Closest websafe color is: #00ccff.
-
- R 0
- G 79
- B 96
-
- C 100
- M 17
- Y 0
- K 4
● #00caf4 color description : Pure (or mostly pure) cyan.
#00caf4 Color Conversion
The hexadecimal color #00caf4 has RGB values of R:0, G:202, B:244 and CMYK values of C:1, M:0.17, Y:0, K:0.04. Its decimal value is 51956.
Hex triplet | 00caf4 | #00caf4 |
---|---|---|
RGB Decimal | 0, 202, 244 | rgb(0,202,244) |
RGB Percent | 0, 79.2, 95.7 | rgb(0%,79.2%,95.7%) |
CMYK | 100, 17, 0, 4 | |
HSL | 190.3°, 100, 47.8 | hsl(190.3,100%,47.8%) |
HSV (or HSB) | 190.3°, 100, 95.7 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.307, -27.025, -32.349 |
---|---|
XYZ | 37.445, 48.769, 93.023 |
xyY | 0.209, 0.272, 48.769 |
CIE-LCH | 75.307, 42.152, 230.124 |
CIE-LUV | 75.307, -53.772, -48.498 |
Hunter-Lab | 69.835, -26.5, -30.092 |
Binary | 00000000, 11001010, 11110100 |
Color Schemes with #00caf4
Alternatives to #00caf4
Below, you can see some colors close to #00caf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00caf4 Preview
This text has a font color of #00caf4.
<span style="color:#00caf4;">Text here</span>
This paragraph has a background color of #00caf4.
<p style="background-color:#00caf4;">Content here</p>
This element has a border color of #00caf4.
<div style="border:1px solid #00caf4;">Content here</div>
.text {color:#00caf4;}
.background {background-color:#00caf4;}
.border {border:1px solid #00caf4;}
Shades and Tints of #00caf4
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)
-
#00171c
#00171c
rgb(0,23,28)
-
#002830
#002830
rgb(0,40,48)
-
#003843
#003843
rgb(0,56,67)
-
#004857
#004857
rgb(0,72,87)
-
#00586b
#00586b
rgb(0,88,107)
-
#00697e
#00697e
rgb(0,105,126)
-
#007992
#007992
rgb(0,121,146)
-
#0089a6
#0089a6
rgb(0,137,166)
-
#0099b9
#0099b9
rgb(0,153,185)
-
#00aacd
#00aacd
rgb(0,170,205)
-
#00bae0
#00bae0
rgb(0,186,224)
-
#00caf4
#00caf4
rgb(0,202,244)
-
#09d5ff
#09d5ff
rgb(9,213,255)
-
#1cd8ff
#1cd8ff
rgb(28,216,255)
-
#30dbff
#30dbff
rgb(48,219,255)
-
#43dfff
#43dfff
rgb(67,223,255)
-
#57e2ff
#57e2ff
rgb(87,226,255)
-
#6be5ff
#6be5ff
rgb(107,229,255)
-
#7ee9ff
#7ee9ff
rgb(126,233,255)
-
#92ecff
#92ecff
rgb(146,236,255)
-
#a6f0ff
#a6f0ff
rgb(166,240,255)
-
#b9f3ff
#b9f3ff
rgb(185,243,255)
-
#cdf6ff
#cdf6ff
rgb(205,246,255)
-
#e0faff
#e0faff
rgb(224,250,255)
-
#f4fdff
#f4fdff
rgb(244,253,255)
Tones of #00caf4
A tone is produced by adding gray to any pure hue. In this case, #718083 is the less saturated color, while #00caf4 is the most saturated one.
-
#718083
#718083
rgb(113,128,131)
-
#67868d
#67868d
rgb(103,134,141)
-
#5e8c96
#5e8c96
rgb(94,140,150)
-
#5493a0
#5493a0
rgb(84,147,160)
-
#4b99a9
#4b99a9
rgb(75,153,169)
-
#429fb2
#429fb2
rgb(66,159,178)
-
#38a5bc
#38a5bc
rgb(56,165,188)
-
#2fabc5
#2fabc5
rgb(47,171,197)
-
#26b1ce
#26b1ce
rgb(38,177,206)
-
#1cb8d8
#1cb8d8
rgb(28,184,216)
-
#13bee1
#13bee1
rgb(19,190,225)
-
#09c4eb
#09c4eb
rgb(9,196,235)
-
#00caf4
#00caf4
rgb(0,202,244)
Color Blindness Simulator
Below, you can see how #00caf4 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.