#226363 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated teal leans into a dusty, muted aesthetic. Because #226363 is so low in chroma, it functions best as a sophisticated supporting base for UI backgrounds rather than a primary accent. White text provides excellent legibility against this shade, hitting a 6.9:1 contrast ratio. Pair it with soft cream or warm metallics to ground its coolness without creating a muddy interface.
Questions about #226363
What is #226363 in RGB, HSL and CMYK?
In RGB, #226363 is rgb(34, 99, 99), in HSL hsl(180, 49%, 26%) and in CMYK 66%, 0%, 0%, 61%.
When should I use #226363 in a design project?
Use #226363 as a grounding base for UI elements or backgrounds where you need a professional, muted aesthetic without overwhelming the user. It works exceptionally well as a supporting color alongside lighter text, ensuring high legibility and a calm visual hierarchy.
Is #226363 readable on white or black?
#226363 has a 6.92:1 contrast ratio on white and 3.03: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.