#0022ea
Hex Color CodeThe hexadecimal color code #0022ea
is a shade of blue. In the RGB color model #0022ea
is comprised of 0% red, 13.33% green and 91.76% blue. In the HSL color space #0022ea
has a hue of 231.28 degrees, 100% saturation and 45.88% lightness. This color has an approximate wavelength of 474 nm.
#0022ea
Color InformationInverted
#ffdd15 25% Saturated
#0021ea Grayscale
#757575
rgb(0, 34, 234)
rgba(0, 34, 234, 1.0)
red: 0%, yellow: 11.6418%, blue: 91.7647%
#0022ea
8938
-16768278 / 0xff0022ea
hsl(231, 100%, 46%)
hsla(231, 100%, 46%, 1.0)
hue: 231 (231.2821), saturation: 100 (100), value: 92 (91.7647)
X: 15.4233, Y: 7.0846, Z: 78.3965
x: 0.1529, y: 0.0702, Y: 7.0846
L: 31.9987, a: 65.8289, b: -96.5004
L: 31.9987, u: -10.388, v: -120.4995
L: 31.9987, C: 116.8151, H: 304.3003
L: 26.6169, a: 56.8535, b: -155.9992
cyan: 100 (1), magenta: 85 (0.8547), yellow: 0 (0), key: 8 (0.0824)
cyan: 100 (1), magenta: 87 (0.8667), yellow: 8 (0.0824)
Y: 46.634, I: -84.5069, Q: 55.0375
Y: 46.634, U: 92.2028, V: -40.912
Y: 46.634, Db: 281.9, Dr: 88.722
Y: 56.068, Cb: 220.832, Cr: 98.874
Y: 41.158, Pb: 103.91, Pr: -26.2
7.5PB 3/24 approximate; exact match: Munsell 7.5PB 3/24 / #3b0ddf
#0022ea
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0022ea
to White#0022ea
to Black#0022ea
foreground
<p style="color: #0022ea">#0022ea foreground</p>
#0022ea
background
<p style="background-color: #0022ea; color: #fff">#0022ea background</p>
#0022ea
border
<p style="border: #0022ea 3px solid">#0022ea border</p>
#0022ea
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0022ea, #fff); background: -webkit-radial-gradient(50% 50%, #0022ea, #fff); background: -o-radial-gradient(50% 50%, #0022ea, #fff); background: -ms-radial-gradient(50% 50%, #0022ea, #fff); background: radial-gradient(50% 50%, #0022ea, #fff); color: #fff">#0022ea radial gradient</p>
#0022ea
linear gradient to complementary #eac700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0022ea, #eac700); background: -webkit-linear-gradient(top, #0022ea, #eac700); background: -o-linear-gradient(top, #0022ea, #eac700); background: -ms-linear-gradient(top, #0022ea, #eac700); background: linear-gradient(top, #0022ea, #eac700); color: #fff">
#0022ea
linear gradient to complementary #eac700
</p>
#0022ea
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0022ea">#0022ea text shadow</p>
The matching paint colors are listed in order of relevancy to the #0022ea
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 #0022ea
.
Jump to paint brand: