#227198 Hex Color
A steady, reserved blue for branding
This cool, unsaturated blue conveys steady reliability, making it a standard choice for corporate and financial branding. While it feels somewhat reserved, it works well as a supporting tone in UI design. Because it offers a 5.4:1 contrast ratio against white text, the hex code #227198 remains highly legible for small body copy. Pair it with soft, warm grays to soften its serious edge.
Questions about #227198
What is #227198 in RGB, HSL and CMYK?
In RGB, #227198 is rgb(34, 113, 152), in HSL hsl(200, 63%, 36%) and in CMYK 78%, 26%, 0%, 40%.
Why is #227198 a practical choice for user interface design?
This shade maintains a 5.4:1 contrast ratio against white backgrounds, ensuring high legibility for small body text. It projects professional reliability, making it a stable choice for corporate digital products that require clarity without visual distraction or harshness.
What colors pair well with #227198?
Warm, soft grays balance this cool blue effectively by neutralizing its reserved, clinical edge. You can also pair it with slate or crisp white to maintain a clean, high-contrast look suitable for modern, professional web applications.
Is #227198 readable on white or black?
#227198 has a 5.40:1 contrast ratio on white and 3.88: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.