#00caf1 Color Information
In a RGB color space, hex #00caf1 is composed of 0% red, 79.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 16.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 189.7 degrees, a saturation of 100% and a lightness of 47.3%. #00caf1 color hex could be obtained by blending #00ffff with #0095e3. Closest websafe color is: #00ccff.
-
- R 0
- G 79
- B 95
-
- C 100
- M 16
- Y 0
- K 5
● #00caf1 color description : Pure (or mostly pure) cyan.
#00caf1 Color Conversion
The hexadecimal color #00caf1 has RGB values of R:0, G:202, B:241 and CMYK values of C:1, M:0.16, Y:0, K:0.05. Its decimal value is 51953.
Hex triplet | 00caf1 | #00caf1 |
---|---|---|
RGB Decimal | 0, 202, 241 | rgb(0,202,241) |
RGB Percent | 0, 79.2, 94.5 | rgb(0%,79.2%,94.5%) |
CMYK | 100, 16, 0, 5 | |
HSL | 189.7°, 100, 47.3 | hsl(189.7,100%,47.3%) |
HSV (or HSB) | 189.7°, 100, 94.5 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.194, -28.019, -30.911 |
---|---|
XYZ | 36.993, 48.588, 90.643 |
xyY | 0.21, 0.276, 48.588 |
CIE-LCH | 75.194, 41.72, 227.81 |
CIE-LUV | 75.194, -54.007, -45.893 |
Hunter-Lab | 69.705, -27.252, -28.306 |
Binary | 00000000, 11001010, 11110001 |
Color Schemes with #00caf1
Alternatives to #00caf1
Below, you can see some colors close to #00caf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00caf1 Preview
This text has a font color of #00caf1.
<span style="color:#00caf1;">Text here</span>
This paragraph has a background color of #00caf1.
<p style="background-color:#00caf1;">Content here</p>
This element has a border color of #00caf1.
<div style="border:1px solid #00caf1;">Content here</div>
.text {color:#00caf1;}
.background {background-color:#00caf1;}
.border {border:1px solid #00caf1;}
Shades and Tints of #00caf1
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, #000506 is the darkest color, while #f1fdff is the lightest one.
-
#000506
#000506
rgb(0,5,6)
-
#001519
#001519
rgb(0,21,25)
-
#00262d
#00262d
rgb(0,38,45)
-
#003640
#003640
rgb(0,54,64)
-
#004654
#004654
rgb(0,70,84)
-
#005768
#005768
rgb(0,87,104)
-
#00677b
#00677b
rgb(0,103,123)
-
#00788f
#00788f
rgb(0,120,143)
-
#0088a3
#0088a3
rgb(0,136,163)
-
#0099b6
#0099b6
rgb(0,153,182)
-
#00a9ca
#00a9ca
rgb(0,169,202)
-
#00badd
#00badd
rgb(0,186,221)
-
#00caf1
#00caf1
rgb(0,202,241)
-
#06d7ff
#06d7ff
rgb(6,215,255)
-
#19daff
#19daff
rgb(25,218,255)
-
#2dddff
#2dddff
rgb(45,221,255)
-
#40e0ff
#40e0ff
rgb(64,224,255)
-
#54e3ff
#54e3ff
rgb(84,227,255)
-
#68e7ff
#68e7ff
rgb(104,231,255)
-
#7beaff
#7beaff
rgb(123,234,255)
-
#8fedff
#8fedff
rgb(143,237,255)
-
#a3f0ff
#a3f0ff
rgb(163,240,255)
-
#b6f3ff
#b6f3ff
rgb(182,243,255)
-
#caf6ff
#caf6ff
rgb(202,246,255)
-
#ddfaff
#ddfaff
rgb(221,250,255)
-
#f1fdff
#f1fdff
rgb(241,253,255)
Tones of #00caf1
A tone is produced by adding gray to any pure hue. In this case, #6f7f82 is the less saturated color, while #00caf1 is the most saturated one.
-
#6f7f82
#6f7f82
rgb(111,127,130)
-
#66858b
#66858b
rgb(102,133,139)
-
#5d8b94
#5d8b94
rgb(93,139,148)
-
#53929e
#53929e
rgb(83,146,158)
-
#4a98a7
#4a98a7
rgb(74,152,167)
-
#419eb0
#419eb0
rgb(65,158,176)
-
#38a4b9
#38a4b9
rgb(56,164,185)
-
#2eabc3
#2eabc3
rgb(46,171,195)
-
#25b1cc
#25b1cc
rgb(37,177,204)
-
#1cb7d5
#1cb7d5
rgb(28,183,213)
-
#13bdde
#13bdde
rgb(19,189,222)
-
#09c4e8
#09c4e8
rgb(9,196,232)
-
#00caf1
#00caf1
rgb(0,202,241)
Color Blindness Simulator
Below, you can see how #00caf1 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.