#227E6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and medium-dark, this teal carries a gray-green undertone that keeps it grounded. The hex code #227e6c reads cool without feeling clinical, which suits wellness brands, healthcare interfaces, and calm tech palettes. It works best as a dominant base, though large flat areas can turn muddy, so lift layouts with a warm accent. White text on it reaches about 4.9:1 contrast, enough for AA body copy.
Questions about #227e6c
What is #227e6c in RGB, HSL and CMYK?
In RGB, #227e6c is rgb(34, 126, 108), in HSL hsl(168, 58%, 31%) and in CMYK 73%, 0%, 14%, 51%.
What colors pair well with #227e6c?
Warm accents flatter #227e6c best: try terracotta, soft peach, or warm sand against its cool green base. For text, white reads at about 4.9:1 contrast, which clears WCAG AA for body copy.
Is #227e6c a good background color?
Yes. Its low saturation keeps large surfaces from feeling loud, which works well for healthcare dashboards and wellness layouts. Break up big flat areas with a lighter tint or a warm accent so the page doesn't read muddy.
Is #227e6c readable on white or black?
#227e6c has a 4.91:1 contrast ratio on white and 4.26: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.