#00c7e3
Hex Color CodeThe hexadecimal color code #00c7e3
is a shade of cyan. In the RGB color model #00c7e3
is comprised of 0% red, 78.04% green and 89.02% blue. In the HSL color space #00c7e3
has a hue of 187.4 degrees, 100% saturation and 44.51% lightness. This color has an approximate wavelength of 502 nm.
#00c7e3
Color InformationInverted
#ff381c 25% Saturated
#00c6e3 Grayscale
#717171
25% Lighter
#1ce3fe Original
#00c7e3 25% Darker
#0095aa
darkturquoise
#00ced1 25% Desaturated
#1cb1c6 Web Safe: aqua
#00ffff
rgb(0, 199, 227)
rgba(0, 199, 227, 1.0)
red: 0%, yellow: 41.5843%, blue: 89.0196%
#00c7e3
51171
-16726045 / 0xff00c7e3
hsl(187, 100%, 45%)
hsla(187, 100%, 45%, 1.0)
hue: 187 (187.4009), saturation: 100 (100), value: 89 (89.0196)
X: 34.2886, Y: 46.3929, Z: 79.8206
x: 0.2136, y: 0.289, Y: 46.3929
L: 73.7998, a: -31.1306, b: -25.5085
L: 73.7998, u: -54.1021, v: -36.1967
L: 73.7998, C: 40.2467, H: 219.3313
L: 68.1123, a: -29.3376, b: -21.8031
cyan: 100 (1), magenta: 12 (0.1233), yellow: 0 (0), key: 11 (0.1098)
cyan: 100 (1), magenta: 22 (0.2196), yellow: 11 (0.1098)
Y: 142.691, I: -127.5428, Q: -33.368
Y: 142.691, U: 41.4889, V: -125.1853
Y: 142.691, Db: 126.874, Dr: 271.343
Y: 138.542, Cb: 169.744, Cr: 38.651
Y: 158.629, Pb: 36.885, Pr: -100.788
2.5B 7/10 (approximate)
#00c7e3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00c7e3
to White#00c7e3
to Black#00c7e3
foreground
<p style="color: #00c7e3; background-color: #000">#00c7e3 foreground</p>
#00c7e3
background
<p style="background-color: #00c7e3">#00c7e3 background</p>
#00c7e3
border
<p style="border: #00c7e3 3px solid">#00c7e3 border</p>
#00c7e3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00c7e3, #fff); background: -webkit-radial-gradient(50% 50%, #00c7e3, #fff); background: -o-radial-gradient(50% 50%, #00c7e3, #fff); background: -ms-radial-gradient(50% 50%, #00c7e3, #fff); background: radial-gradient(50% 50%, #00c7e3, #fff)">#00c7e3 radial gradient</p>
#00c7e3
linear gradient to complementary #e31c00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00c7e3, #e31c00); background: -webkit-linear-gradient(top, #00c7e3, #e31c00); background: -o-linear-gradient(top, #00c7e3, #e31c00); background: -ms-linear-gradient(top, #00c7e3, #e31c00); background: linear-gradient(top, #00c7e3, #e31c00); color: #000">
#00c7e3
linear gradient to complementary #e31c00
</p>
#00c7e3
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00c7e3">#00c7e3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00c7e3
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 #00c7e3
.
Jump to paint brand: