#023c80
Hex Color CodeThe hexadecimal color code #023c80
is a medium dark shade of cyan-blue. In the RGB color model #023c80
is comprised of 0.78% red, 23.53% green and 50.2% blue. In the HSL color space #023c80
has a hue of 212.38 degrees, 96.92% saturation and 25.49% lightness. This color has an approximate wavelength of 486 nm.
#023c80
Color InformationInverted
#fdc37f 25% Saturated
#003b82 Grayscale
#414141
25% Lighter
#024ba0 Original
#023c80 25% Darker
#012d60
darkslateblue
#483d8b 25% Desaturated
#113d70 Web Safe: blue
#0000ff
rgb(2, 60, 128)
rgba(2, 60, 128, 1.0)
red: 0.7843%, yellow: 16.3598%, blue: 50.1961%
#023c80
146560
-16630656 / 0xff023c80
hsl(212, 97%, 25%)
hsla(212, 97%, 25%, 1.0)
hue: 212 (212.381), saturation: 98 (98.4375), value: 50 (50.1961)
X: 5.5372, Y: 4.8031, Z: 21.0573
x: 0.1764, y: 0.153, Y: 4.8031
L: 26.1664, a: 12.0779, b: -42.9579
L: 26.1664, u: -13.7714, v: -54.8418
L: 26.1664, C: 44.6235, H: 285.7037
L: 21.9161, a: 6.7456, b: -41.6256
cyan: 98 (0.9844), magenta: 53 (0.5312), yellow: 0 (0), key: 50 (0.498)
cyan: 99 (0.9922), magenta: 76 (0.7647), yellow: 50 (0.498)
Y: 50.41, I: -56.3974, Q: 8.8927
Y: 50.41, U: 38.1821, V: -42.4707
Y: 50.41, Db: 116.744, Dr: 92.07
Y: 59.298, Cb: 166.436, Cr: 97.71
Y: 52.542, Pb: 40.67, Pr: -32.128
5PB 3/10 (approximate)
#023c80
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#023c80
to White#023c80
to Black#023c80
foreground
<p style="color: #023c80">#023c80 foreground</p>
#023c80
background
<p style="background-color: #023c80; color: #fff">#023c80 background</p>
#023c80
border
<p style="border: #023c80 3px solid">#023c80 border</p>
#023c80
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023c80, #fff); background: -webkit-radial-gradient(50% 50%, #023c80, #fff); background: -o-radial-gradient(50% 50%, #023c80, #fff); background: -ms-radial-gradient(50% 50%, #023c80, #fff); background: radial-gradient(50% 50%, #023c80, #fff); color: #fff">#023c80 radial gradient</p>
#023c80
linear gradient to complementary #804501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023c80, #804501); background: -webkit-linear-gradient(top, #023c80, #804501); background: -o-linear-gradient(top, #023c80, #804501); background: -ms-linear-gradient(top, #023c80, #804501); background: linear-gradient(top, #023c80, #804501); color: #fff">
#023c80
linear gradient to complementary #804501
</p>
#023c80
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023c80">#023c80 text shadow</p>
The matching paint colors are listed in order of relevancy to the #023c80
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 #023c80
.
Jump to paint brand: