#237DAF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mid-tone blue carries a cool, clinical weight. It functions well as a reliable base for corporate or technical interfaces where clarity matters. Because the contrast ratio is solid, you can safely layer black text on top for body copy. The hex code for this blue is #237daf, and it pairs best with soft, warm grays to prevent the palette from feeling too chilly.
Questions about #237daf
What is #237daf in RGB, HSL and CMYK?
In RGB, #237daf is rgb(35, 125, 175), in HSL hsl(201, 67%, 41%) and in CMYK 80%, 29%, 0%, 31%.
What colors pair best with #237daf for a balanced interface?
Pair #237daf with soft, warm grays to soften its clinical edge and create a professional, accessible aesthetic. Adding a neutral charcoal for text ensures high contrast, while touches of muted orange or cream provide a necessary balance against the cool blue tones.
Is #237daf suitable for body text or interface elements?
Yes, #237daf functions well as a reliable base for technical interfaces because it maintains a solid contrast ratio against dark or black text. Its mid-tone weight offers enough presence for buttons or active states without overwhelming the user or fatiguing the eyes.
Is #237daf readable on white or black?
#237daf has a 4.54:1 contrast ratio on white and 4.62: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 for body text. Try other pairs in the contrast checker.