#216ABC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A fairly saturated, cool blue with a clean, controlled appearance, #216abc suggests trust and reliability without feeling dull. Its clear mid-level lightness suits finance, technology, healthcare, and government branding. Use it as a primary interface color with white text, which reaches about 5.5:1 contrast. The hex code for this blue is #216abc.
Questions about #216abc
What is #216abc in RGB, HSL and CMYK?
In RGB, #216abc is rgb(33, 106, 188), in HSL hsl(212, 70%, 43%) and in CMYK 82%, 44%, 0%, 26%.
What colors pair well with #216abc?
Warm orange creates a lively complementary contrast with #216abc, while white, soft gray, and deep navy keep layouts cleaner and more restrained for interfaces, dashboards, and brand systems that need clear hierarchy. Reserve orange for accents and blue for primary controls or links.
Is #216abc readable on white or black?
#216abc has a 5.45:1 contrast ratio on white and 3.85: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.