#218CCA Hex Color

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

Hex color #218cca graphic
This medium blue strikes a balance between professional stability and approachability. Because #218cca maintains moderate saturation, it reads clearly against both light and dark backgrounds. Black text remains readable, making this hex code a strong candidate for UI elements or data-heavy finance dashboards. Use it as a dominant brand color to convey reliability without feeling sterile or overly cold in digital interfaces.

Questions about #218cca

What is #218cca in RGB, HSL and CMYK?
In RGB, #218cca is rgb(33, 140, 202), in HSL hsl(202, 72%, 46%) and in CMYK 84%, 31%, 0%, 21%.
What color palettes pair well with #218cca?
This shade works beautifully in monochromatic schemes when paired with lighter sky tones or deeper navy hues. To create a complementary palette, use a soft, muted coral or peach to provide a warm, energetic balance to its professional coolness.
Is #218cca readable on white or black?
#218cca has a 3.70:1 contrast ratio on white and 5.66: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.