Denim Blue
Muted depth with cool clarity
Denim Blue is a dark, muted cyan with cool blue-green and gray undertones. Its low saturation creates a serious, mysterious mood while retaining refreshing clarity. Use the hex code #2f6479 as a dominant UI or branding background, paired with warm ivory or copper accents. White text remains readable at about a 6.5:1 contrast ratio.
About Denim Blue
Deep water under an overcast morning sky
What does denim blue mean?
This shade often calls to mind workwear, cold ocean water, and winter skies, so it commonly reads as steady and unpretentious. Its low lightness and muted saturation make it feel heavy and still, like a shaded room on a gray afternoon.
Where you see denim blue
- denim jeans
- chambray work shirts
- stormy ocean water
- glazed ceramic tile
- cast iron cookware
- faded nautical charts
What it works for
It works well as a background color for dashboards, winter branding, coastal interiors, and charts that need a subdued base.
What colors go with denim blue?
Coral #ff7f50Coral's warmth pops hard against this cold, dim blue without either color overpowering the other.Mustard #ffdb58Mustard's dry yellow heat lifts the cool gray-blue and keeps the pairing from feeling flat.Cream #fffdd0Cream brightens the dark swatch and gives text and layouts room to breathe.Terracotta #e2725bTerracotta's dusty red shares this color's muted character while adding needed warmth.Sand #e2ca76Sand reads like driftwood and weathered rope beside this cold, deep tone.
Questions about Denim Blue
What is the hex code for Denim Blue?
Denim Blue is #2f6479. In RGB that is rgb(47, 100, 121), in HSL hsl(197, 44%, 33%) and in CMYK 61%, 17%, 0%, 53%.
Does #2f6479 read as a warm or cool color?
#2f6479 reads as a cool color because its muted cyan base leans blue-green rather than yellow or red. The gray undertone softens its freshness, giving interfaces and brand materials a calm, serious, slightly mysterious feel.
Is Denim Blue readable on white or black?
Denim Blue has a 6.52:1 contrast ratio on white and 3.21: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.