#143224 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #143224 graphic
This dark, desaturated green feels grounded and steady, perfect for creating moody, professional UI backgrounds. Because it is quite dim, white text provides excellent readability against the hex code #143224. Pair this shade with soft creams or warm metallic accents to keep the design from feeling too heavy. It works well as a grounding base for sustainable or organic branding concepts.

Questions about #143224

What is #143224 in RGB, HSL and CMYK?
In RGB, #143224 is rgb(20, 50, 36), in HSL hsl(152, 43%, 14%) and in CMYK 60%, 0%, 28%, 80%.
What colors pair well with #143224 for a professional look?
This deep green looks best when balanced with soft creams or warm metallic accents to prevent the design from feeling too heavy. For a sophisticated contrast, consider pairing #143224 with a warm sand or soft gold to elevate the overall palette.
Is #143224 suitable for UI background use?
Yes, #143224 works effectively as a grounding base for moody or professional user interfaces. Because the color is quite dim, it offers high contrast and excellent readability for white typography, making it a functional choice for sustainable or organic-themed digital branding.
Is #143224 readable on white or black?
#143224 has a 13.89:1 contrast ratio on white and 1.51:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.