#046B75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #046b75 creates a dark, muted cyan with cool blue-green undertones. Its low lightness gives interfaces a serious, mysterious mood while retaining a refreshing edge. Use it as a supporting tone or dark-mode background, paired with warm cream or coral accents. White text reaches about 6.2:1 contrast, supporting clear small body text.
Questions about #046b75
What is #046b75 in RGB, HSL and CMYK?
In RGB, #046b75 is rgb(4, 107, 117), in HSL hsl(185, 93%, 24%) and in CMYK 97%, 9%, 0%, 54%.
What colors pair well with #046b75?
Warm cream and coral accents pair well with #046b75, balancing its cool blue-green base with warmth. Pale neutrals keep the combination calm, while coral adds lively contrast for buttons, highlights, or small graphic details.
Is #046b75 warm or cool?
#046b75 reads as a cool color because its dark cyan base leans blue-green rather than yellow-green. Its low lightness adds a serious, mysterious feel, while the cyan component preserves a clean, refreshing edge.
Where can I use #046b75 in a design?
#046b75 works well as a supporting tone, dark-mode background, navigation area, or restrained accent. Pair it with warm light surfaces to preserve readability and keep the deep cyan from making a layout feel too heavy.
Is #046b75 readable on white or black?
#046b75 has a 6.24:1 contrast ratio on white and 3.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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.