#3C7195 Hex Color

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

Hex color #3c7195 graphic
A muted steel blue with a grayed edge, #3c7195 sits mid-dark on the lightness scale. Its low saturation reads steady and dependable, which suits finance, healthcare, and tech branding. White text hits about 5.3:1 contrast on it, so it clears AA for body copy and works well as a button or header fill. Pair it with warm sand tones to keep it from going flat.

Questions about #3c7195

What is #3c7195 in RGB, HSL and CMYK?
In RGB, #3c7195 is rgb(60, 113, 149), in HSL hsl(204, 43%, 41%) and in CMYK 60%, 24%, 0%, 42%.
What colors pair well with #3c7195?
#3c7195 flatters warm neutrals like sand and terracotta, which balance its cool tone. For a tighter palette, use pale gray-blue tints or a small burgundy accent.
Is #3c7195 readable on white or black?
#3c7195 has a 5.26:1 contrast ratio on white and 3.98: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.