#00cacc Color Information
In a RGB color space, hex #00cacc is composed of 0% red, 79.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 1% magenta, 0% yellow and 20% black. It has a hue angle of 180.6 degrees, a saturation of 100% and a lightness of 40%. #00cacc color hex could be obtained by blending #00ffff with #009599. Closest websafe color is: #00cccc.
-
- R 0
- G 79
- B 80
-
- C 100
- M 1
- Y 0
- K 20
● #00cacc color description : Strong cyan.
#00cacc Color Conversion
The hexadecimal color #00cacc has RGB values of R:0, G:202, B:204 and CMYK values of C:1, M:0.01, Y:0, K:0.2. Its decimal value is 51916.
Hex triplet | 00cacc | #00cacc |
---|---|---|
RGB Decimal | 0, 202, 204 | rgb(0,202,204) |
RGB Percent | 0, 79.2, 80 | rgb(0%,79.2%,80%) |
CMYK | 100, 1, 0, 20 | |
HSL | 180.6°, 100, 40 | hsl(180.6,100%,40%) |
HSV (or HSB) | 180.6°, 100, 80 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 73.931, -39.742, -12.854 |
---|---|
XYZ | 32.016, 46.597, 64.43 |
xyY | 0.224, 0.326, 46.597 |
CIE-LCH | 73.931, 41.769, 197.924 |
CIE-LUV | 73.931, -56.976, -14.029 |
Hunter-Lab | 68.262, -35.739, -8.178 |
Binary | 00000000, 11001010, 11001100 |
Color Schemes with #00cacc
Alternatives to #00cacc
Below, you can see some colors close to #00cacc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00cacc Preview
This text has a font color of #00cacc.
<span style="color:#00cacc;">Text here</span>
This paragraph has a background color of #00cacc.
<p style="background-color:#00cacc;">Content here</p>
This element has a border color of #00cacc.
<div style="border:1px solid #00cacc;">Content here</div>
.text {color:#00cacc;}
.background {background-color:#00cacc;}
.border {border:1px solid #00cacc;}
Shades and Tints of #00cacc
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, #000808 is the darkest color, while #f3ffff is the lightest one.
-
#000808
#000808
rgb(0,8,8)
-
#001b1b
#001b1b
rgb(0,27,27)
-
#002f2f
#002f2f
rgb(0,47,47)
-
#004243
#004243
rgb(0,66,67)
-
#005556
#005556
rgb(0,85,86)
-
#00696a
#00696a
rgb(0,105,106)
-
#007c7e
#007c7e
rgb(0,124,126)
-
#009091
#009091
rgb(0,144,145)
-
#00a3a5
#00a3a5
rgb(0,163,165)
-
#00b7b8
#00b7b8
rgb(0,183,184)
-
#00cacc
#00cacc
rgb(0,202,204)
-
#00dde0
#00dde0
rgb(0,221,224)
-
#00f1f3
#00f1f3
rgb(0,241,243)
-
#08fdff
#08fdff
rgb(8,253,255)
-
#1bfdff
#1bfdff
rgb(27,253,255)
-
#2ffdff
#2ffdff
rgb(47,253,255)
-
#43fdff
#43fdff
rgb(67,253,255)
-
#56fdff
#56fdff
rgb(86,253,255)
-
#6afeff
#6afeff
rgb(106,254,255)
-
#7efeff
#7efeff
rgb(126,254,255)
-
#91feff
#91feff
rgb(145,254,255)
-
#a5feff
#a5feff
rgb(165,254,255)
-
#b8feff
#b8feff
rgb(184,254,255)
-
#ccffff
#ccffff
rgb(204,255,255)
-
#e0ffff
#e0ffff
rgb(224,255,255)
-
#f3ffff
#f3ffff
rgb(243,255,255)
Tones of #00cacc
A tone is produced by adding gray to any pure hue. In this case, #5e6e6e is the less saturated color, while #00cacc is the most saturated one.
-
#5e6e6e
#5e6e6e
rgb(94,110,110)
-
#567576
#567576
rgb(86,117,118)
-
#4e7d7e
#4e7d7e
rgb(78,125,126)
-
#478585
#478585
rgb(71,133,133)
-
#3f8c8d
#3f8c8d
rgb(63,140,141)
-
#379495
#379495
rgb(55,148,149)
-
#2f9c9d
#2f9c9d
rgb(47,156,157)
-
#27a4a5
#27a4a5
rgb(39,164,165)
-
#1fabad
#1fabad
rgb(31,171,173)
-
#18b3b4
#18b3b4
rgb(24,179,180)
-
#10bbbc
#10bbbc
rgb(16,187,188)
-
#08c2c4
#08c2c4
rgb(8,194,196)
-
#00cacc
#00cacc
rgb(0,202,204)
Color Blindness Simulator
Below, you can see how #00cacc 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.