#305E6B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Designers reach for #305e6b when a layout calls for a dark cyan that reads moody but stops short of navy. Its low saturation gives it an ashy, grayed feel, almost like cyan tempered with gray (see how to make gray). The hex code works best as a dominant base in dark UIs and moody layouts, and white text reaches about 7.1:1 contrast on it, clearing WCAG AA for small body text.
Questions about #305e6b
What is #305e6b in RGB, HSL and CMYK?
In RGB, #305e6b is rgb(48, 94, 107), in HSL hsl(193, 38%, 30%) and in CMYK 55%, 12%, 0%, 58%. Browse more shades of blue with names and hex codes.
What colors pair well with #305e6b?
Warm creams, soft coral, and muted gold all flatter #305e6b because they offset its cool, ashy cast. Terracotta accents work too, adding warmth without breaking the moody tone.
Is #305e6b readable on white or black?
#305e6b has a 7.14:1 contrast ratio on white and 2.93: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.