#002424 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#002424 is a desaturated, near-black teal that carries a serious, grounded tone. It functions best as a dominant base for dark mode UI designs. This hex code offers excellent accessibility, maintaining a 16.4:1 contrast ratio against white text. Because it is so dark, use it sparingly as a layout anchor, or it may overwhelm a design and lose its distinct cyan character.
Questions about #002424
What is #002424 in RGB, HSL and CMYK?
In RGB, #002424 is rgb(0, 36, 36), in HSL hsl(180, 100%, 7%) and in CMYK 100%, 0%, 0%, 86%.
Why is #002424 a good choice for dark mode interfaces?
#002424 functions exceptionally well in UI design because it provides a 16.4:1 contrast ratio against white, ensuring excellent readability for text. It acts as a grounding, professional alternative to pure black while maintaining a subtle cyan personality.
Does #002424 look better with cool or warm accent colors?
As a deeply desaturated teal, #002424 pairs best with bright, cool-toned accents like mint or electric blue to create a sharp, high-contrast look. Warm tones can be used, but they often struggle to stand out against this dark, heavy base.
Is #002424 readable on white or black?
#002424 has a 16.43:1 contrast ratio on white and 1.27: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.