Color Charts
RGB
CMYK
RYB
#012fd3 Hex Color CodeThe hexadecimal color code #012fd3 is a shade of blue. In the RGB color model #012fd3 is comprised of 0.39% red, 18.43% green and 82.75% blue. In the HSL color space #012fd3 has a hue of 226.86 degrees, 99.06% saturation and 41.57% lightness. This color has an approximate wavelength of 477 nm.
#012fd3 Color InformationInverted
#fed02c 25% Saturated
#002ed3 Grayscale
#696969
rgb(1, 47, 211)
rgba(1, 47, 211, 1.0)
red: 0.3922%, yellow: 15.19%, blue: 82.7451%
#012fd3
77779
-16699437 / 0xff012fd3
hsl(227, 99%, 42%)
hsla(227, 99%, 42%, 1.0)
hue: 227 (226.8571), saturation: 100 (99.5261), value: 83 (82.7451)
X: 12.7869, Y: 6.7426, Z: 62.2555
x: 0.1563, y: 0.0824, Y: 6.7426
L: 31.2137, a: 52.6927, b: -84.595
L: 31.2137, u: -11.2566, v: -108.1493
L: 31.2137, C: 99.6636, H: 301.918
L: 25.9666, a: 42.4585, b: -123.9727
cyan: 100 (0.9953), magenta: 78 (0.7773), yellow: 0 (0), key: 17 (0.1725)
cyan: 100 (0.9961), magenta: 82 (0.8157), yellow: 17 (0.1725)
Y: 51.942, I: -80.0901, Q: 41.2992
Y: 51.942, U: 78.2724, V: -44.6916
Y: 51.942, Db: 239.312, Dr: 96.906
Y: 60.623, Cb: 206.804, Cr: 96.162
Y: 49.01, Pb: 87.29, Pr: -30.544
7.5PB 3/20 approximate; exact match: Munsell 7.5PB 3/20 / #3528c9
#012fd3 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#012fd3 to White#012fd3 to Black#012fd3 foreground
<p style="color: #012fd3">#012fd3 foreground</p>
#012fd3 background
<p style="background-color: #012fd3; color: #fff">#012fd3 background</p>
#012fd3 border
<p style="border: #012fd3 3px solid">#012fd3 border</p>
#012fd3 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #012fd3, #fff); background: -webkit-radial-gradient(50% 50%, #012fd3, #fff); background: -o-radial-gradient(50% 50%, #012fd3, #fff); background: -ms-radial-gradient(50% 50%, #012fd3, #fff); background: radial-gradient(50% 50%, #012fd3, #fff); color: #fff">#012fd3 radial gradient</p>
#012fd3 linear gradient to complementary #d2a501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #012fd3, #d2a501); background: -webkit-linear-gradient(top, #012fd3, #d2a501); background: -o-linear-gradient(top, #012fd3, #d2a501); background: -ms-linear-gradient(top, #012fd3, #d2a501); background: linear-gradient(top, #012fd3, #d2a501); color: #fff">#012fd3 linear gradient to complementary #d2a501</p>
#012fd3 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #012fd3">#012fd3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #012fd3 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 #012fd3.
Jump to paint brand: