#023f75
Hex Color CodeThe hexadecimal color code #023f75
is a dark shade of cyan-blue. In the RGB color model #023f75
is comprised of 0.78% red, 24.71% green and 45.88% blue. In the HSL color space #023f75
has a hue of 208.17 degrees, 96.64% saturation and 23.33% lightness. This color has an approximate wavelength of 489 nm.
#023f75
Color InformationInverted
#fdc08a 25% Saturated
#003f76 Grayscale
#3b3b3b
25% Lighter
#024e92 Original
#023f75 25% Darker
#012f57
darkslateblue
#483d8b 25% Desaturated
#103e66 Web Safe: blue
#0000ff
rgb(2, 63, 117)
rgba(2, 63, 117, 1.0)
red: 0.7843%, yellow: 16.4149%, blue: 45.8824%
#023f75
147317
-16629899 / 0xff023f75
hsl(208, 97%, 23%)
hsla(208, 97%, 23%, 1.0)
hue: 208 (208.1739), saturation: 98 (98.2906), value: 46 (45.8824)
X: 5.0134, Y: 4.8523, Z: 17.502
x: 0.1832, y: 0.1773, Y: 4.8523
L: 26.3097, a: 5.1454, b: -35.7963
L: 26.3097, u: -15.0285, v: -45.5551
L: 26.3097, C: 36.1643, H: 278.1798
L: 22.0279, a: 2.0769, b: -31.6886
cyan: 98 (0.9829), magenta: 46 (0.4615), yellow: 0 (0), key: 54 (0.5412)
cyan: 99 (0.9922), magenta: 75 (0.7529), yellow: 54 (0.5412)
Y: 50.917, I: -53.6869, Q: 3.9025
Y: 50.917, U: 32.5196, V: -42.9155
Y: 50.917, Db: 99.432, Dr: 93.031
Y: 59.732, Cb: 160.734, Cr: 97.387
Y: 53.895, Pb: 34.015, Pr: -32.984
5PB 3/8 approximate; exact match: Munsell 5PB 3/8 / #194884
#023f75
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#023f75
to White#023f75
to Black#023f75
foreground
<p style="color: #023f75">#023f75 foreground</p>
#023f75
background
<p style="background-color: #023f75; color: #fff">#023f75 background</p>
#023f75
border
<p style="border: #023f75 3px solid">#023f75 border</p>
#023f75
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023f75, #fff); background: -webkit-radial-gradient(50% 50%, #023f75, #fff); background: -o-radial-gradient(50% 50%, #023f75, #fff); background: -ms-radial-gradient(50% 50%, #023f75, #fff); background: radial-gradient(50% 50%, #023f75, #fff); color: #fff">#023f75 radial gradient</p>
#023f75
linear gradient to complementary #743702
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023f75, #743702); background: -webkit-linear-gradient(top, #023f75, #743702); background: -o-linear-gradient(top, #023f75, #743702); background: -ms-linear-gradient(top, #023f75, #743702); background: linear-gradient(top, #023f75, #743702); color: #fff">
#023f75
linear gradient to complementary #743702
</p>
#023f75
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023f75">#023f75 text shadow</p>
The matching paint colors are listed in order of relevancy to the #023f75
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 #023f75
.
Jump to paint brand: