#0072dd
Hex Color CodeThe hexadecimal color code #0072dd
is a shade of cyan-blue. In the RGB color model #0072dd
is comprised of 0% red, 44.71% green and 86.67% blue. In the HSL color space #0072dd
has a hue of 209.05 degrees, 100% saturation and 43.33% lightness. This color has an approximate wavelength of 488 nm.
#0072dd
Color InformationInverted
#ff8d22 25% Saturated
#0071dd Grayscale
#6e6e6e
25% Lighter
#158dff Original
#0072dd 25% Darker
#0055a5
royalblue
#4169e1 25% Desaturated
#1b71c1 Web Safe: blue
#0000ff
rgb(0, 114, 221)
rgba(0, 114, 221, 1.0)
red: 0%, yellow: 29.4925%, blue: 86.6667%
#0072dd
29405
-16747811 / 0xff0072dd
hsl(209, 100%, 43%)
hsla(209, 100%, 43%, 1.0)
hue: 209 (209.0498), saturation: 100 (100), value: 87 (86.6667)
X: 19.0685, Y: 17.2551, Z: 70.7322
x: 0.1781, y: 0.1612, Y: 17.2551
L: 48.5798, a: 14.3429, b: -61.8691
L: 48.5798, u: -26.6559, v: -95.656
L: 48.5798, C: 63.5099, H: 283.0521
L: 41.5392, a: 9.2462, b: -71.8803
cyan: 100 (1), magenta: 48 (0.4842), yellow: 0 (0), key: 13 (0.1333)
cyan: 100 (1), magenta: 55 (0.5529), yellow: 13 (0.1333)
Y: 92.112, I: -102.2868, Q: 9.1855
Y: 92.112, U: 63.426, V: -80.8111
Y: 92.112, Db: 193.931, Dr: 175.181
Y: 95.114, Cb: 191.845, Cr: 70.357
Y: 97.422, Pb: 66.61, Pr: -61.922
5PB 5/14 (approximate)
#0072dd
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0072dd
to White#0072dd
to Black#0072dd
foreground
<p style="color: #0072dd">#0072dd foreground</p>
#0072dd
background
<p style="background-color: #0072dd; color: #fff">#0072dd background</p>
#0072dd
border
<p style="border: #0072dd 3px solid">#0072dd border</p>
#0072dd
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0072dd, #fff); background: -webkit-radial-gradient(50% 50%, #0072dd, #fff); background: -o-radial-gradient(50% 50%, #0072dd, #fff); background: -ms-radial-gradient(50% 50%, #0072dd, #fff); background: radial-gradient(50% 50%, #0072dd, #fff); color: #fff">#0072dd radial gradient</p>
#0072dd
linear gradient to complementary #dd6b00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0072dd, #dd6b00); background: -webkit-linear-gradient(top, #0072dd, #dd6b00); background: -o-linear-gradient(top, #0072dd, #dd6b00); background: -ms-linear-gradient(top, #0072dd, #dd6b00); background: linear-gradient(top, #0072dd, #dd6b00); color: #fff">
#0072dd
linear gradient to complementary #dd6b00
</p>
#0072dd
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0072dd">#0072dd text shadow</p>
The matching paint colors are listed in order of relevancy to the #0072dd
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 #0072dd
.
Jump to paint brand: