#287CA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, steel-toned blue with a slight teal lean. #287ca3 is low in saturation, so it reads dependable rather than bold. White text clears AA contrast on it at about 4.7:1, which makes it a solid base for buttons and UI headers. Common in finance, healthcare, and government branding, it pairs well with warm sand or soft coral accents.
Questions about #287ca3
What is #287ca3 in RGB, HSL and CMYK?
In RGB, #287ca3 is rgb(40, 124, 163), in HSL hsl(199, 61%, 40%) and in CMYK 75%, 24%, 0%, 36%.
Does white text meet WCAG standards on #287ca3?
Yes. White text on #287ca3 reaches about 4.7:1 contrast, which passes the WCAG AA requirement of 4.5:1 for body text. Dark navy text also works but falls short of the same threshold.
What colors pair well with #287ca3?
Warm sand and soft coral flatter #287ca3 because their warmth offsets its cool, muted character. For richer palettes, burgundy gives it depth in a 60/30/10 layout.
Is #287ca3 readable on white or black?
#287ca3 has a 4.66:1 contrast ratio on white and 4.50: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 for body text. Try other pairs in the contrast checker.