#00a7ff
Hex Color CodeThe hexadecimal color code #00a7ff
is a shade of cyan-blue. In the RGB color model #00a7ff
is comprised of 0% red, 65.49% green and 100% blue. In the HSL color space #00a7ff
has a hue of 200.71 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 494 nm.
#00a7ff
Color InformationInverted
#ff5800 25% Saturated
#00a6ff Grayscale
#7f7f7f
25% Lighter
#3fbcff Original
#00a7ff 25% Darker
#007dbf
cornflowerblue
#6495ed 25% Desaturated
#1f9ddf Web Safe: fuchsia
#ff00ff
rgb(0, 167, 255)
rgba(0, 167, 255, 1.0)
red: 0%, yellow: 39.5735%, blue: 100%
#00a7ff
43007
-16734209 / 0xff00a7ff
hsl(201, 100%, 50%)
hsla(201, 100%, 50%, 1.0)
hue: 201 (200.7059), saturation: 100 (100), value: 100 (100)
X: 31.8687, Y: 34.8574, Z: 99.6562
x: 0.1915, y: 0.2095, Y: 34.8574
L: 65.6375, a: -4.5267, b: -53.4288
L: 65.6375, u: -41.4008, v: -86.0598
L: 65.6375, C: 53.6202, H: 265.1572
L: 59.0402, a: -6.9696, b: -58.7498
cyan: 100 (1), magenta: 35 (0.3451), yellow: 0 (0), key: 0 (0)
cyan: 100 (1), magenta: 35 (0.3451), yellow: 0 (0)
Y: 127.099, I: -127.7557, Q: -7.9333
Y: 127.099, U: 62.9404, V: -111.5059
Y: 127.099, Db: 192.454, Dr: 241.707
Y: 125.158, Cb: 191.348, Cr: 48.439
Y: 137.765, Pb: 63.205, Pr: -87.548
2.5PB 6/12 approximate; exact match: Munsell 2.5PB 6/12 / #149af3
#00a7ff
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00a7ff
to White#00a7ff
to Black#00a7ff
foreground
<p style="color: #00a7ff; background-color: #000">#00a7ff foreground</p>
#00a7ff
background
<p style="background-color: #00a7ff">#00a7ff background</p>
#00a7ff
border
<p style="border: #00a7ff 3px solid">#00a7ff border</p>
#00a7ff
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00a7ff, #fff); background: -webkit-radial-gradient(50% 50%, #00a7ff, #fff); background: -o-radial-gradient(50% 50%, #00a7ff, #fff); background: -ms-radial-gradient(50% 50%, #00a7ff, #fff); background: radial-gradient(50% 50%, #00a7ff, #fff)">#00a7ff radial gradient</p>
#00a7ff
linear gradient to complementary #ff5800
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00a7ff, #ff5800); background: -webkit-linear-gradient(top, #00a7ff, #ff5800); background: -o-linear-gradient(top, #00a7ff, #ff5800); background: -ms-linear-gradient(top, #00a7ff, #ff5800); background: linear-gradient(top, #00a7ff, #ff5800); color: #000">
#00a7ff
linear gradient to complementary #ff5800
</p>
#00a7ff
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00a7ff">#00a7ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #00a7ff
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 #00a7ff
.
Jump to paint brand: