Color Charts
RGB
CMYK
RYB
#022f2a Hex Color CodeThe hexadecimal color code #022f2a is a very dark shade of cyan. In the RGB color model #022f2a is comprised of 0.78% red, 18.43% green and 16.47% blue. In the HSL color space #022f2a has a hue of 173.33 degrees, 91.84% saturation and 9.61% lightness. This color has an approximate wavelength of 511 nm.
#022f2a Color InformationInverted
#fdd0d5 25% Saturated
#00312b Grayscale
#181818
25% Lighter
#023a34 Original
#022f2a 25% Darker
#01231f
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#072925 Web Safe: black
#000000
rgb(2, 47, 42)
rgba(2, 47, 42, 1.0)
red: 0.7843%, yellow: 10.1269%, blue: 18.4314%
#022f2a
143146
-16634070 / 0xff022f2a
hsl(173, 92%, 10%)
hsla(173, 92%, 10%, 1.0)
hue: 173 (173.3333), saturation: 96 (95.7447), value: 18 (18.4314)
X: 1.4595, Y: 2.2131, Z: 2.5407
x: 0.2349, y: 0.3562, Y: 2.2131
L: 16.5681, a: -16.1031, b: -1
L: 16.5681, u: -12.8709, v: 0.5986
L: 16.5681, C: 16.1342, H: 183.5534
L: 14.8765, a: -8.522, b: 0.2875
cyan: 96 (0.9574), magenta: 0 (0), yellow: 11 (0.1064), key: 82 (0.8157)
cyan: 99 (0.9922), magenta: 82 (0.8157), yellow: 84 (0.8353)
Y: 32.975, I: -25.2009, Q: -11.0712
Y: 32.975, U: 4.4413, V: -27.1749
Y: 32.975, Db: 13.585, Dr: 58.9
Y: 44.318, Cb: 132.465, Cr: 108.6
Y: 37.055, Pb: 2.675, Pr: -22.27
10G 2/4 approximate; exact match: Munsell 10G 2/4 / #0c3732
#022f2a / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022f2a to White#022f2a to Black#022f2a foreground
<p style="color: #022f2a">#022f2a foreground</p>
#022f2a background
<p style="background-color: #022f2a; color: #fff">#022f2a background</p>
#022f2a border
<p style="border: #022f2a 3px solid">#022f2a border</p>
#022f2a radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022f2a, #fff); background: -webkit-radial-gradient(50% 50%, #022f2a, #fff); background: -o-radial-gradient(50% 50%, #022f2a, #fff); background: -ms-radial-gradient(50% 50%, #022f2a, #fff); background: radial-gradient(50% 50%, #022f2a, #fff); color: #fff">#022f2a radial gradient</p>
#022f2a linear gradient to complementary #2f0206
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022f2a, #2f0206); background: -webkit-linear-gradient(top, #022f2a, #2f0206); background: -o-linear-gradient(top, #022f2a, #2f0206); background: -ms-linear-gradient(top, #022f2a, #2f0206); background: linear-gradient(top, #022f2a, #2f0206); color: #fff">#022f2a linear gradient to complementary #2f0206</p>
#022f2a text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022f2a">#022f2a text shadow</p>
The matching paint colors are listed in order of relevancy to the #022f2a 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 #022f2a.
Jump to paint brand: