#2A5B6F Hex Color

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

Hex color #2a5b6f graphic
#2a5b6f is a dark cyan pulled toward gray, giving it a moody, low-key character instead of a bright tropical feel. Its dimness works well for dark mode backgrounds and large UI surfaces, and white body text clears AA on it with a 7.4:1 contrast ratio. Pair it with dusty coral or warm sand to offset the chill. As a dominant base it holds up; as a small accent it can read muddy.

Questions about #2a5b6f

What is #2a5b6f in RGB, HSL and CMYK?
In RGB, #2a5b6f is rgb(42, 91, 111), in HSL hsl(197, 45%, 30%) and in CMYK 62%, 18%, 0%, 56%.
What colors pair well with #2a5b6f?
Warm sand and dusty coral both counter its cold, ashy undertone without fighting it. Skip bright saturated blues nearby, since they make the gray in this shade look duller by comparison.
Is #2a5b6f readable on white or black?
#2a5b6f has a 7.43:1 contrast ratio on white and 2.82: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 is too faint for text. Try other pairs in the contrast checker.