#023d55
Hex Color CodeThe hexadecimal color code #023d55
is a dark shade of cyan. In the RGB color model #023d55
is comprised of 0.78% red, 23.92% green and 33.33% blue. In the HSL color space #023d55
has a hue of 197.35 degrees, 95.4% saturation and 17.06% lightness. This color has an approximate wavelength of 496 nm.
#023d55
Color InformationInverted
#fdc2aa 25% Saturated
#003d57 Grayscale
#2b2b2b
25% Lighter
#024c6a Original
#023d55 25% Darker
#012d3f
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#0c384a Web Safe: navy
#000080
rgb(2, 61, 85)
rgba(2, 61, 85, 1.0)
red: 0.7843%, yellow: 14.3082%, blue: 33.3333%
#023d55
146773
-16630443 / 0xff023d55
hsl(197, 95%, 17%)
hsla(197, 95%, 17%, 1.0)
hue: 197 (197.3494), saturation: 98 (97.6471), value: 33 (33.3333)
X: 3.3335, Y: 4.0063, Z: 9.1919
x: 0.2016, y: 0.2423, Y: 4.0063
L: 23.6922, a: -7.4218, b: -19.3014
L: 23.6922, u: -15.8061, v: -22.2147
L: 23.6922, C: 20.6792, H: 248.9673
L: 20.0157, a: -5.2995, b: -13.2172
cyan: 98 (0.9765), magenta: 28 (0.2824), yellow: 0 (0), key: 67 (0.6667)
cyan: 99 (0.9922), magenta: 76 (0.7608), yellow: 67 (0.6667)
Y: 46.095, I: -42.8576, Q: -5.0087
Y: 46.095, U: 19.1453, V: -38.6852
Y: 46.095, Db: 58.542, Dr: 83.855
Y: 55.588, Cb: 147.268, Cr: 100.395
Y: 50.161, Pb: 18.785, Pr: -30.604
7.5B 2/4 approximate; exact match: Munsell 7.5B 2/4 / #0a344b
#023d55
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#023d55
to White#023d55
to Black#023d55
foreground
<p style="color: #023d55">#023d55 foreground</p>
#023d55
background
<p style="background-color: #023d55; color: #fff">#023d55 background</p>
#023d55
border
<p style="border: #023d55 3px solid">#023d55 border</p>
#023d55
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023d55, #fff); background: -webkit-radial-gradient(50% 50%, #023d55, #fff); background: -o-radial-gradient(50% 50%, #023d55, #fff); background: -ms-radial-gradient(50% 50%, #023d55, #fff); background: radial-gradient(50% 50%, #023d55, #fff); color: #fff">#023d55 radial gradient</p>
#023d55
linear gradient to complementary #551a02
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023d55, #551a02); background: -webkit-linear-gradient(top, #023d55, #551a02); background: -o-linear-gradient(top, #023d55, #551a02); background: -ms-linear-gradient(top, #023d55, #551a02); background: linear-gradient(top, #023d55, #551a02); color: #fff">
#023d55
linear gradient to complementary #551a02
</p>
#023d55
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023d55">#023d55 text shadow</p>
The matching paint colors are listed in order of relevancy to the #023d55
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 #023d55
.
Jump to paint brand: