#023b60
Hex Color CodeThe hexadecimal color code #023b60
is a dark shade of cyan-blue. In the RGB color model #023b60
is comprised of 0.78% red, 23.14% green and 37.65% blue. In the HSL color space #023b60
has a hue of 203.62 degrees, 95.92% saturation and 19.22% lightness. This color has an approximate wavelength of 492 nm.
#023b60
Color InformationInverted
#fdc49f 25% Saturated
#003b61 Grayscale
#303030
25% Lighter
#024978 Original
#023b60 25% Darker
#012c48
darkslateblue
#483d8b 25% Desaturated
#0d3854 Web Safe: navy
#000080
rgb(2, 59, 96)
rgba(2, 59, 96, 1.0)
red: 0.7843%, yellow: 14.6994%, blue: 37.6471%
#023b60
146272
-16630944 / 0xff023b60
hsl(204, 96%, 19%)
hsla(204, 96%, 19%, 1.0)
hue: 204 (203.617), saturation: 98 (97.9167), value: 38 (37.6471)
X: 3.7003, Y: 3.9854, Z: 11.6406
x: 0.1915, y: 0.2062, Y: 3.9854
L: 23.623, a: -1.3276, b: -26.6067
L: 23.623, u: -14.5639, v: -31.8862
L: 23.623, C: 26.6398, H: 267.1435
L: 19.9634, a: -1.85, b: -20.5974
cyan: 98 (0.9792), magenta: 39 (0.3854), yellow: 0 (0), key: 62 (0.6235)
cyan: 99 (0.9922), magenta: 77 (0.7686), yellow: 62 (0.6235)
Y: 46.175, I: -45.8425, Q: -0.541
Y: 46.175, U: 24.519, V: -38.7554
Y: 46.175, Db: 74.971, Dr: 84.01
Y: 55.658, Cb: 152.679, Cr: 100.35
Y: 49.523, Pb: 25.055, Pr: -30.202
10B 2/6 (approximate)
#023b60
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#023b60
to White#023b60
to Black#023b60
foreground
<p style="color: #023b60">#023b60 foreground</p>
#023b60
background
<p style="background-color: #023b60; color: #fff">#023b60 background</p>
#023b60
border
<p style="border: #023b60 3px solid">#023b60 border</p>
#023b60
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023b60, #fff); background: -webkit-radial-gradient(50% 50%, #023b60, #fff); background: -o-radial-gradient(50% 50%, #023b60, #fff); background: -ms-radial-gradient(50% 50%, #023b60, #fff); background: radial-gradient(50% 50%, #023b60, #fff); color: #fff">#023b60 radial gradient</p>
#023b60
linear gradient to complementary #602601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023b60, #602601); background: -webkit-linear-gradient(top, #023b60, #602601); background: -o-linear-gradient(top, #023b60, #602601); background: -ms-linear-gradient(top, #023b60, #602601); background: linear-gradient(top, #023b60, #602601); color: #fff">
#023b60
linear gradient to complementary #602601
</p>
#023b60
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023b60">#023b60 text shadow</p>
The matching paint colors are listed in order of relevancy to the #023b60
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 #023b60
.
Jump to paint brand: