#00acca
Hex Color CodeThe hexadecimal color code #00acca
is a medium dark shade of cyan. In the RGB color model #00acca
is comprised of 0% red, 67.45% green and 79.22% blue. In the HSL color space #00acca
has a hue of 188.91 degrees, 100% saturation and 39.61% lightness. This color has an approximate wavelength of 501 nm.
#00acca
Color InformationInverted
#ff5335 25% Saturated
#00abca Grayscale
#656565
25% Lighter
#00d6fc Original
#00acca 25% Darker
#008097
cadetblue
#5f9ea0 25% Desaturated
#199ab0 Web Safe: teal
#008080
rgb(0, 172, 202)
rgba(0, 172, 202, 1.0)
red: 0%, yellow: 36.4307%, blue: 79.2157%
#00acca
44234
-16732982 / 0xff00acca
hsl(189, 100%, 40%)
hsla(189, 100%, 40%, 1.0)
hue: 189 (188.9109), saturation: 100 (100), value: 79 (79.2157)
X: 25.4132, Y: 33.7693, Z: 61.0558
x: 0.2114, y: 0.2809, Y: 33.7693
L: 64.7791, a: -26.0711, b: -25.6505
L: 64.7791, u: -46.8998, v: -36.4974
L: 64.7791, C: 36.5738, H: 224.5341
L: 58.1114, a: -23.6335, b: -21.6162
cyan: 100 (1), magenta: 15 (0.1485), yellow: 0 (0), key: 21 (0.2078)
cyan: 100 (1), magenta: 33 (0.3255), yellow: 21 (0.2078)
Y: 123.992, I: -112.101, Q: -27.0364
Y: 123.992, U: 38.3881, V: -108.7803
Y: 123.992, Db: 117.39, Dr: 235.786
Y: 122.484, Cb: 166.626, Cr: 50.362
Y: 137.524, Pb: 34.78, Pr: -87.38
2.5B 6/8 (approximate)
#00acca
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00acca
to White#00acca
to Black#00acca
foreground
<p style="color: #00acca">#00acca foreground</p>
#00acca
background
<p style="background-color: #00acca; color: #fff">#00acca background</p>
#00acca
border
<p style="border: #00acca 3px solid">#00acca border</p>
#00acca
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00acca, #fff); background: -webkit-radial-gradient(50% 50%, #00acca, #fff); background: -o-radial-gradient(50% 50%, #00acca, #fff); background: -ms-radial-gradient(50% 50%, #00acca, #fff); background: radial-gradient(50% 50%, #00acca, #fff); color: #fff">#00acca radial gradient</p>
#00acca
linear gradient to complementary #ca1e00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00acca, #ca1e00); background: -webkit-linear-gradient(top, #00acca, #ca1e00); background: -o-linear-gradient(top, #00acca, #ca1e00); background: -ms-linear-gradient(top, #00acca, #ca1e00); background: linear-gradient(top, #00acca, #ca1e00); color: #fff">
#00acca
linear gradient to complementary #ca1e00
</p>
#00acca
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00acca">#00acca text shadow</p>
The matching paint colors are listed in order of relevancy to the #00acca
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #00acca
.
Jump to paint brand: