#006A7A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark, muted, and cool, #006a7a functions as a sturdy, reliable base for technology and UI design. Because of its low-light profile, white text remains highly legible against it. It works best as a dominant 60% background rather than a small accent. If you need other shades of green to balance the intensity of this hex code, pair it with soft, warm neutrals to avoid a muddy look.
Questions about #006a7a
What is #006a7a in RGB, HSL and CMYK?
In RGB, #006a7a is rgb(0, 106, 122), in HSL hsl(188, 100%, 24%) and in CMYK 100%, 13%, 0%, 52%.
How should I use #006a7a in a user interface?
#006a7a functions best as a dominant background color occupying about 60% of your layout. Because it is a darker, muted tone, white or very light text remains crisp and highly readable against it, providing a professional foundation for technology-focused websites.
What colors pair well with the #006a7a hex code?
Pair #006a7a with soft, warm neutrals to prevent the design from feeling too muddy or cold. Incorporating a light cream or a warm off-white provides necessary balance, ensuring the intense, cool nature of this teal stays grounded rather than overwhelming.
Is #006a7a readable on white or black?
#006a7a has a 6.28:1 contrast ratio on white and 3.34: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.