#236489 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #236489 graphic
This muted, slate-like blue feels serious and controlled. Because it sits at a mid-range saturation, #236489 functions best as a supporting tone in professional UI designs rather than a dominant background. White text pops clearly against it, offering excellent readability for functional interfaces. Pair it with warm, dusty corals to ground its cool temperature, as the hex code can look chilly on its own.

Questions about #236489

What is #236489 in RGB, HSL and CMYK?
In RGB, #236489 is rgb(35, 100, 137), in HSL hsl(202, 59%, 34%) and in CMYK 74%, 27%, 0%, 46%.
What colors pair well with #236489?
Warm, dusty tones create the best balance for this cool-leaning blue. Pair #236489 with terracotta or soft peach to add vitality, preventing the interface from appearing too clinical or chilly.
Is #236489 suitable for text on a white background?
Yes, #236489 provides sufficient contrast against white to maintain high readability for standard interface text. It remains controlled and serious, making it a reliable choice for functional UI labels, navigation menus, or primary button accents.
Is #236489 readable on white or black?
#236489 has a 6.45:1 contrast ratio on white and 3.25: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.