#162C20

Color Details

HEX
#162C20
RGB
rgb(22, 44, 32)
HSL
hsl(147, 33%, 13%)
CMYK
cmyk(50%, 0%, 27%, 83%)
Best text on this color #FFFFFF (CR 14.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #162c20
Contrast 1.42:1 Fail
White on #162c20
Contrast 14.84:1 AAA
#162c20 on Black
Contrast 1.42:1 Fail
#162c20 on White
Contrast 14.84:1 AAA

Tints & Shades

#45564d
#738079
#a2aba6
#12231a
#0d1a13
#09120d

Complement & Analogous

#2c1622
#162c2b
#172c16

Triadic

#20162c
#2c2016

Monochrome

#09120d #0d1a13 #162c20 #738079 #a2aba6 #d0d5d2

Analogous

#172c16 #5d6b5c #162c20 #455655 #162c2b #122322

Complementary Mix

#0d1a13 #162c20 #738079 #2c1622 #76686f #1d0e16

Nearby Colors

#162c1f
#162c21
#162c10
#162c30

Embed #162C20 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #162C20

#162C20 converts to RGB(22, 44, 32) and HSL(147, 33%, 13%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#162C20 FAQs

What is the RGB value of #162C20?
RGB: 22, 44, 32. Copy as CSS: rgb(22, 44, 32)
Is #162C20 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #162C20?
Complement: #2c1622.
Does #162C20 have good contrast on white or black?
On white: 14.84:1 (AAA (normal text)). On black: 1.42:1 (Fails AA).