Color Charts
RGB
CMYK
RYB
#0067a4 Hex Color CodeThe hexadecimal color code #0067a4 is a medium dark shade of cyan-blue. In the RGB color model #0067a4 is comprised of 0% red, 40.39% green and 64.31% blue. In the HSL color space #0067a4 has a hue of 202.32 degrees, 100% saturation and 32.16% lightness. This color has an approximate wavelength of 493 nm.
#0067a4 Color InformationInverted
#ff985b 25% Saturated
#0066a3 Grayscale
#515151
25% Lighter
#0080cd Original
#0067a4 25% Darker
#004d7b
steelblue
#4682b4 25% Desaturated
#14618f Web Safe: blue
#0000ff
rgb(0, 103, 164)
rgba(0, 103, 164, 1.0)
red: 0%, yellow: 24.8102%, blue: 64.3137%
#0067a4
26532
-16750684 / 0xff0067a4
hsl(202, 100%, 32%)
hsla(202, 100%, 32%, 1.0)
hue: 202 (202.3171), saturation: 100 (100), value: 64 (64.3137)
X: 11.5511, Y: 12.3808, Z: 36.9029
x: 0.1899, y: 0.2035, Y: 12.3808
L: 41.8151, a: -1.5379, b: -39.7618
L: 41.8151, u: -25.9905, v: -57.9072
L: 41.8151, C: 39.7915, H: 267.785
L: 35.1864, a: -2.9778, b: -37.5518
cyan: 100 (1), magenta: 37 (0.372), yellow: 0 (0), key: 36 (0.3569)
cyan: 100 (1), magenta: 60 (0.5961), yellow: 36 (0.3569)
Y: 79.157, I: -80.9558, Q: -2.8007
Y: 79.157, U: 41.7514, V: -69.4456
Y: 79.157, Db: 127.663, Dr: 150.536
Y: 83.984, Cb: 170.023, Cr: 78.452
Y: 85.453, Pb: 42.345, Pr: -54.306
2.5PB 4/8 approximate; exact match: Munsell 2.5PB 4/8 / #23649d
#0067a4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0067a4 to White#0067a4 to Black#0067a4 foreground
<p style="color: #0067a4">#0067a4 foreground</p>
#0067a4 background
<p style="background-color: #0067a4; color: #fff">#0067a4 background</p>
#0067a4 border
<p style="border: #0067a4 3px solid">#0067a4 border</p>
#0067a4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0067a4, #fff); background: -webkit-radial-gradient(50% 50%, #0067a4, #fff); background: -o-radial-gradient(50% 50%, #0067a4, #fff); background: -ms-radial-gradient(50% 50%, #0067a4, #fff); background: radial-gradient(50% 50%, #0067a4, #fff); color: #fff">#0067a4 radial gradient</p>
#0067a4 linear gradient to complementary #a33c00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0067a4, #a33c00); background: -webkit-linear-gradient(top, #0067a4, #a33c00); background: -o-linear-gradient(top, #0067a4, #a33c00); background: -ms-linear-gradient(top, #0067a4, #a33c00); background: linear-gradient(top, #0067a4, #a33c00); color: #fff">#0067a4 linear gradient to complementary #a33c00</p>
#0067a4 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0067a4">#0067a4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0067a4 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 #0067a4.
Jump to paint brand: