#020A60 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intensely dark navy anchors designs with authority and stability. Because of its extreme depth, #020a60 works best as a large background or footer element rather than for fine text details. It provides excellent contrast for white typography, boasting a ratio of 17.3:1. Pair this hex code with muted golds or creams to prevent the color from feeling too cold or corporate in your layouts.
Questions about #020a60
What is #020a60 in RGB, HSL and CMYK?
In RGB, #020a60 is rgb(2, 10, 96), in HSL hsl(235, 96%, 19%) and in CMYK 98%, 90%, 0%, 62%.
What colors pair well with #020a60 for design palettes?
This deep navy thrives when paired with muted golds or soft creams to balance its extreme coldness. Adding warm neutrals prevents the layout from feeling overly corporate, creating a sophisticated contrast that feels both intentional and welcoming.
Is #020a60 suitable for small body text?
Due to its extreme depth and proximity to black, #020a60 is best reserved for large background blocks or footer containers rather than fine text. While white typography on this shade offers excellent accessibility, thin fonts may struggle with legibility.
Is #020a60 readable on white or black?
#020a60 has a 17.28:1 contrast ratio on white and 1.21: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.