#002A24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This nearly black shade of teal feels serious and grounded. Because of its extremely low saturation and deep value, #002a24 works well as a sophisticated background for dark mode interfaces. White text pops against this dark base with high contrast, making it readable for UI design. Use it sparingly, as large blocks can appear muddy without lighter accents to break up the gloom.
Questions about #002a24
What is #002a24 in RGB, HSL and CMYK?
In RGB, #002a24 is rgb(0, 42, 36), in HSL hsl(171, 100%, 8%) and in CMYK 100%, 0%, 14%, 84%.
Where should I use #002a24 in my UI design?
#002a24 functions best as a sophisticated background for dark mode interfaces rather than a primary accent. It provides a grounded, professional foundation that allows interface elements or white text to pop with high readability without appearing harsh or overly vibrant.
What colors pair well with #002a24 for a balanced palette?
To prevent #002a24 from feeling muddy, pair it with crisp, clean accents like off-white or soft cream for text. Adding metallic or cool-toned silver highlights can also bridge the gap between this dark teal base and more lively interface components.
Is #002a24 readable on white or black?
#002a24 has a 15.47:1 contrast ratio on white and 1.35: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.