Color Charts
RGB
CMYK
RYB
#0069d2 Hex Color CodeThe hexadecimal color code #0069d2 is a shade of cyan-blue. In the RGB color model #0069d2 is comprised of 0% red, 41.18% green and 82.35% blue. In the HSL color space #0069d2 has a hue of 210 degrees, 100% saturation and 41.18% lightness. This color has an approximate wavelength of 488 nm.
#0069d2 Color InformationInverted
#ff962d 25% Saturated
#0068d2 Grayscale
#696969
25% Lighter
#0783ff Original
#0069d2 25% Darker
#004e9d
royalblue
#4169e1 25% Desaturated
#1a68b7 Web Safe: blue
#0000ff
rgb(0, 105, 210)
rgba(0, 105, 210, 1.0)
red: 0%, yellow: 27.451%, blue: 82.3529%
#0069d2
27090
-16750126 / 0xff0069d2
hsl(210, 100%, 41%)
hsla(210, 100%, 41%, 1.0)
hue: 210 (210), saturation: 100 (100), value: 82 (82.3529)
X: 16.6844, Y: 14.7563, Z: 62.9417
x: 0.1768, y: 0.1563, Y: 14.7563
L: 45.2986, a: 15.7409, b: -60.9183
L: 45.2986, u: -24.4338, v: -92.5764
L: 45.2986, C: 62.9191, H: 284.488
L: 38.4139, a: 10.3041, b: -70.2576
cyan: 100 (1), magenta: 50 (0.5), yellow: 0 (0), key: 18 (0.1765)
cyan: 100 (1), magenta: 59 (0.5882), yellow: 18 (0.1765)
Y: 85.575, I: -96.2828, Q: 10.4663
Y: 85.575, U: 61.2297, V: -75.076
Y: 85.575, Db: 187.215, Dr: 162.75
Y: 89.5, Cb: 189.635, Cr: 74.45
Y: 90.195, Pb: 64.575, Pr: -57.33
5PB 4/14 (approximate)
#0069d2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0069d2 to White#0069d2 to Black#0069d2 foreground
<p style="color: #0069d2">#0069d2 foreground</p>
#0069d2 background
<p style="background-color: #0069d2; color: #fff">#0069d2 background</p>
#0069d2 border
<p style="border: #0069d2 3px solid">#0069d2 border</p>
#0069d2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0069d2, #fff); background: -webkit-radial-gradient(50% 50%, #0069d2, #fff); background: -o-radial-gradient(50% 50%, #0069d2, #fff); background: -ms-radial-gradient(50% 50%, #0069d2, #fff); background: radial-gradient(50% 50%, #0069d2, #fff); color: #fff">#0069d2 radial gradient</p>
#0069d2 linear gradient to complementary #d26900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0069d2, #d26900); background: -webkit-linear-gradient(top, #0069d2, #d26900); background: -o-linear-gradient(top, #0069d2, #d26900); background: -ms-linear-gradient(top, #0069d2, #d26900); background: linear-gradient(top, #0069d2, #d26900); color: #fff">#0069d2 linear gradient to complementary #d26900</p>
#0069d2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0069d2">#0069d2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0069d2 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 #0069d2.
Jump to paint brand: