#226F54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #226f54 when a design needs a teal that stays grounded: wellness branding, healthcare dashboards, dark mode backgrounds. This dark, muted teal leans cool with a forest undertone, and its low saturation keeps large areas from feeling loud. White text on the hex code #226f54 clears WCAG AA at about 6.1:1, so it holds up behind small body copy. Pair it with terracotta when you want warmth.
Questions about #226f54
What is #226f54 in RGB, HSL and CMYK?
In RGB, #226f54 is rgb(34, 111, 84), in HSL hsl(159, 53%, 28%) and in CMYK 69%, 0%, 24%, 56%.
What colors pair well with #226f54?
Terracotta and warm sand bring out the green undertone in this teal, while blush pink keeps a palette soft. Avoid bright blues nearby, since they make #226f54 read duller than it is.
Is #226f54 readable on white or black?
#226f54 has a 6.05:1 contrast ratio on white and 3.46: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.