Denim color: hex codes, shades and palettes
Palettes built around denim. Click any swatch to copy its hex code.
The blue of indigo-dyed cotton after a few washes: deep, slightly grey, never quite saturated. Real denim varies enormously, so treat this as the middle of a range.
No denim palettes yet
Run npm run generate to build the dataset.
Denim hex, RGB, HSL and OKLCH
- HEX
#3B5C7E- RGB
rgb(59, 92, 126)- HSL
hsl(210, 36%, 36%)- OKLCH
oklch(46.5% 0.068 250.2)- On white
- 6.96:1
- On black
- 3.02:1
Shades of denim
Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.
Contrast and readability
Denim on white measures 6.96:1 and on black 3.02:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.24:1.
The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.
Related colors:blue, navy, royal blue, cobalt, periwinkle, transparent blue. See every shade on the colors index.