#315453 Hex Color

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

Hex color #315453 graphic
#315453 is a dark, dusty cyan with a strong green undertone and very low saturation. Its dim, ashy character gives interfaces and brand systems a serious, thoughtful mood. Use it as a dominant dark base with warm cream or muted coral accents. White text has about an 8.3:1 contrast ratio, supporting readable small body text. The hex code is #315453.

Questions about #315453

What is #315453 in RGB, HSL and CMYK?
In RGB, #315453 is rgb(49, 84, 83), in HSL hsl(178, 26%, 26%) and in CMYK 42%, 0%, 1%, 67%.
What colors pair well with #315453?
#315453 pairs well with warm cream, muted coral, dusty peach, and pale blue-gray, which add light or restrained warmth without overpowering its low saturation. Use cream for text or surfaces, then reserve coral for small calls to action.
Where does #315453 work best in a palette?
Use #315453 as a dominant dark base or supporting tone in dark mode, productivity tools, technology branding, and moody editorial layouts. Its low saturation keeps larger fields controlled, but brighter accents help prevent dense areas from feeling muddy.
Is #315453 readable on white or black?
#315453 has a 8.32:1 contrast ratio on white and 2.52: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.