#1C66E1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
See all shades of blue with names and hex codes →
Strong and saturated, #1c66e1 is a bold blue that reads cool and electric. It earns its keep as an accent: buttons, links, and highlights where you want energy. White text on it hits about 5.2:1 contrast, so it passes AA even behind small body copy. Pair it with warm peach or soft coral instead of gray to keep it lively. New to building around blue? Learn what colors make blue.
Questions about #1c66e1
What is #1c66e1 in RGB, HSL and CMYK?
In RGB, #1c66e1 is rgb(28, 102, 225), in HSL hsl(217, 78%, 50%) and in CMYK 88%, 55%, 0%, 12%.
What text color works best on #1c66e1?
White text reads most clearly on this blue, reaching about 5.2:1 contrast. That clears the WCAG AA bar of 4.5:1, so white works even for small body copy. Black text falls short at roughly 4:1, so reserve dark text for larger elements only.
What colors pair well with #1c66e1?
Warm accents like coral and amber play against this blue's cool base for strong complementary contrast. Soft creams and warm grays make calmer partners that still keep the blue from feeling flat.
Is #1c66e1 readable on white or black?
#1c66e1 has a 5.20:1 contrast ratio on white and 4.03: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.