#00acc3
Hex Color CodeThe hexadecimal color code #00acc3
is a medium dark shade of cyan. In the RGB color model #00acc3
is comprised of 0% red, 67.45% green and 76.47% blue. In the HSL color space #00acc3
has a hue of 187.08 degrees, 100% saturation and 38.24% lightness. This color has an approximate wavelength of 502 nm.
#00acc3
Color InformationInverted
#ff533c 25% Saturated
#00abc3 Grayscale
#616161
25% Lighter
#00d6f3 Original
#00acc3 25% Darker
#008092
cadetblue
#5f9ea0 25% Desaturated
#1899aa Web Safe: teal
#008080
rgb(0, 172, 195)
rgba(0, 172, 195, 1.0)
red: 0%, yellow: 35.8391%, blue: 76.4706%
#00acc3
44227
-16732989 / 0xff00acc3
hsl(187, 100%, 38%)
hsla(187, 100%, 38%, 1.0)
hue: 187 (187.0769), saturation: 100 (100), value: 76 (76.4706)
X: 24.6029, Y: 33.4452, Z: 56.7886
x: 0.2142, y: 0.2912, Y: 33.4452
L: 64.5198, a: -28.4142, b: -22.1621
L: 64.5198, u: -47.4529, v: -30.4107
L: 64.5198, C: 36.0351, H: 217.953
L: 57.8318, a: -25.2681, b: -17.7382
cyan: 100 (1), magenta: 12 (0.1179), yellow: 0 (0), key: 24 (0.2353)
cyan: 100 (1), magenta: 33 (0.3255), yellow: 24 (0.2353)
Y: 123.194, I: -109.8522, Q: -29.2143
Y: 123.194, U: 35.3361, V: -108.0802
Y: 123.194, Db: 108.059, Dr: 234.267
Y: 121.798, Cb: 163.553, Cr: 50.859
Y: 137.02, Pb: 31.28, Pr: -87.058
10BG 6/8 (approximate)
#00acc3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00acc3
to White#00acc3
to Black#00acc3
foreground
<p style="color: #00acc3">#00acc3 foreground</p>
#00acc3
background
<p style="background-color: #00acc3; color: #fff">#00acc3 background</p>
#00acc3
border
<p style="border: #00acc3 3px solid">#00acc3 border</p>
#00acc3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00acc3, #fff); background: -webkit-radial-gradient(50% 50%, #00acc3, #fff); background: -o-radial-gradient(50% 50%, #00acc3, #fff); background: -ms-radial-gradient(50% 50%, #00acc3, #fff); background: radial-gradient(50% 50%, #00acc3, #fff); color: #fff">#00acc3 radial gradient</p>
#00acc3
linear gradient to complementary #c31700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00acc3, #c31700); background: -webkit-linear-gradient(top, #00acc3, #c31700); background: -o-linear-gradient(top, #00acc3, #c31700); background: -ms-linear-gradient(top, #00acc3, #c31700); background: linear-gradient(top, #00acc3, #c31700); color: #fff">
#00acc3
linear gradient to complementary #c31700
</p>
#00acc3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00acc3">#00acc3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00acc3
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 #00acc3
.
Jump to paint brand: