#284349 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, matte cyan sits in the shadows, blending grey depth with a cool, muted tone. Because it is quite dark, #284349 serves as a solid grounding color for UI backgrounds where white text needs high legibility. It performs best as a base for moody, tech-focused designs. Use this hex code to anchor brighter, more saturated accents without appearing stark or aggressive.
Questions about #284349
What is #284349 in RGB, HSL and CMYK?
In RGB, #284349 is rgb(40, 67, 73), in HSL hsl(191, 29%, 22%) and in CMYK 45%, 8%, 0%, 71%.
Where should I use #284349 in a UI design?
#284349 functions best as a background color for interfaces that require a grounded, tech-focused aesthetic. Its high contrast against white text makes it an excellent choice for dark mode applications or sections needing a sophisticated, muted professional look.
What colors pair well with #284349?
Soft creams, muted corals, and warm greys create the most effective color schemes alongside #284349. Because this hex code is a dark, desaturated teal, it benefits from lighter, warmer accents that lift the mood without clashing with the underlying cool grey tones.
Is #284349 readable on white or black?
#284349 has a 10.55:1 contrast ratio on white and 1.98: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.