#218BCA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#218bca is a cool, balanced mid-tone blue that feels grounded and professional. Because it lacks extreme saturation, it avoids looking cartoonish, making it an excellent choice for corporate UI and financial branding. Use it as a solid primary button color or header accent. It maintains strong accessibility with black text, as the hex code #218bca provides sufficient contrast for readable, legible interfaces.
Questions about #218bca
What is #218bca in RGB, HSL and CMYK?
In RGB, #218bca is rgb(33, 139, 202), in HSL hsl(202, 72%, 46%) and in CMYK 84%, 31%, 0%, 21%.
Why is #218bca considered a strong choice for UI design?
#218bca is a stable, mid-tone blue that avoids the overly bright saturation of primary colors. This makes it a reliable choice for corporate interfaces, as it provides high legibility against white backgrounds while maintaining a professional visual identity for the user.
What colors pair best with #218bca in a palette?
Complementary schemes often pair #218bca with warm, muted oranges to create a balanced contrast that draws the eye without straining it. You can also layer it with charcoal for text-heavy layouts to ensure the blue remains the focal point while maintaining excellent readability.
Is #218bca readable on white or black?
#218bca has a 3.74:1 contrast ratio on white and 5.61:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.