#224654 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty cyan reads as professional and grounded. Because #224654 is highly unsaturated, it functions best as a stable UI background rather than a vibrant accent. It provides excellent readability for white text, boasting a 10.1:1 contrast ratio. If you find the tone too flat, learn how to make green shift the palette toward more organic, lively undertones.
Questions about #224654
What is #224654 in RGB, HSL and CMYK?
In RGB, #224654 is rgb(34, 70, 84), in HSL hsl(197, 42%, 23%) and in CMYK 60%, 17%, 0%, 67%. Browse more shades of blue with names and hex codes.
Where is the best application for #224654 in UI design?
Because #224654 is highly unsaturated and grounded, it works exceptionally well as a stable background for user interfaces. It offers high contrast for white text, ensuring your design remains legible and professional for long-term reading.
What colors create a harmonious palette with #224654?
This muted cyan pairs naturally with soft neutrals like cream or light gray to maintain its professional character. For a subtle contrast, consider adding soft terracotta accents to introduce warmth against the cool, dusty blue tones.
Is #224654 readable on white or black?
#224654 has a 10.13:1 contrast ratio on white and 2.07: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.