#1868C0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bold and fully saturated, this blue hits hard without tipping into neon. The hex code #1868c0 carries about 5.6:1 contrast with white text, so it clears WCAG AA behind small body text and works well as a button or call to action. It flatters warm counterpoints like coral and amber more than obvious grays. For palettes that lean cooler, browse other shades of blue.
Questions about #1868c0
What is #1868c0 in RGB, HSL and CMYK?
In RGB, #1868c0 is rgb(24, 104, 192), in HSL hsl(211, 78%, 42%) and in CMYK 88%, 46%, 0%, 25%. Browse more shades of blue with names and hex codes.
What text color works best on #1868c0?
White text works best on #1868c0, reading at about 5.6:1 contrast, which clears WCAG AA for body text at 4.5:1. Black text falls short, so keep labels and paragraphs white on this blue.
What colors pair well with #1868c0?
Warm accents like coral or amber give #1868c0 the most energy, while soft grays and off-whites calm it down for finance or healthcare layouts. Skip bright greens beside it, since the two compete for attention.
Is #1868c0 readable on white or black?
#1868c0 has a 5.55:1 contrast ratio on white and 3.78: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.