#02244E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Deep navy with almost no brightness, #02244e reads steady and a little formal. Its low lightness makes it a strong dominant base for finance, government, or law enforcement layouts. White text hits roughly 15.4:1 contrast on this hex code, clearing WCAG AA with room to spare. Pair it with burgundy or warm brass to keep large surfaces from feeling flat.
Questions about #02244e
What is #02244e in RGB, HSL and CMYK?
In RGB, #02244e is rgb(2, 36, 78), in HSL hsl(213, 95%, 16%) and in CMYK 97%, 54%, 0%, 69%.
What text color reads best on #02244e?
White text reads best on #02244e, with a contrast ratio of about 15.4:1. That clears WCAG AA for small body text with room to spare, which makes this hex code a dependable dark UI background.
Which colors pair well with #02244e?
Warm gold, burgundy, and muted brass pair well with #02244e because they lift its very low lightness. Cool grays and slate also work, though all-cool palettes can make the navy read flat.
Is #02244e readable on white or black?
#02244e has a 15.38:1 contrast ratio on white and 1.36: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.