Clean Slate
Also known as: Yawl, Blue Jacket, French Diamond, Boathouse
Quietly calm and trustworthy, Clean Slate is a cool-toned blue that earns its keep in trust-driven interfaces and corporate branding. For contrast, pair it with a brown from its complementary palette below. On white it reads clearly at 4.89:1 contrast — safe for body text under WCAG AA.
Clean Slate color codes
- HEX
- #577396
- RGB
- rgb(87, 115, 150)
- RGBA
- rgba(87, 115, 150, 1)
- HSL
- hsl(213, 27%, 46%)
- HSV
- hsv(213, 42%, 59%)
- CMYK
- cmyk(42%, 23%, 0%, 41%)
- LAB
- lab(47.3 -3.3 -22.6)
- OKLCH
- oklch(54.8% 0.064 254.4)
Color intelligence
Displays accurately on every screen and translates well to print.
Temperature
cool
Nearest standard colors
- CSS: steelblue#4682B4 · ΔE 7.8
- RAL 5023 — Distant blue#4D668E · ΔE 5.0 · approximate
RAL values are widely published approximations of the physical standard. For Pantone-adjacent workflows, match by eye against a physical fan deck — Pantone's values are proprietary and device-dependent, so we don't print lookups.
Where Clean Slate works
- Web & UI: Dark enough for body text and icons on white backgrounds — it passes WCAG AA as-is.
- Interiors: Strong for a whole room, excellent in doses: an accent wall, cabinetry, or a statement chair.
- Fashion: Wears best as the statement piece — a top, scarf, or shoes — against neutral basics.
- Branding: Sits in the trust register — a natural primary for finance, health, and B2B brands.
- Web & UI: A supporting-cast color for UI: chart fills, tags, empty-state illustrations — not text.
- Branding: A secondary brand color by nature: it supports a stronger primary and shines in illustration.
Copy as — every ecosystem
Tints, shades, and tones of Clean Slate
Tints (lighter)
Shades (darker)
Color harmonies
Palettes built from Clean Slate by rotating its hue in OKLCH space. Click any swatch to copy its hex code.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Contrast & accessibility
Aa — on white
contrast 4.89:1
AA passAAA failAA large pass
Aa — on black
contrast 4.30:1
AA failAAA failAA large pass
Best text color on a Clean Slate background: #ffffff
Palettes featuring Clean Slate
Clean Slate with its complement
Soft neighbors of Clean Slate
Clean Slate triad
Similar colors
- Beach View#4F7694 · ΔE 4.2
- Queen Blue#436B95 · ΔE 4.3
- Naval#41729F · ΔE 4.4
- Plumbeous#5C7287 · ΔE 4.6
- Sail On#4575AD · ΔE 4.7
- Muted Blue#3B719F · ΔE 5.2
Looking for maximum contrast instead? The complement of Clean Slate is closest to Barrel Aged.
Clean Slate FAQs
What color is Clean Slate?
Clean Slate is a medium blue with the hex code #577396. In HSL terms it has a hue of 213°, 27% saturation, and 46% lightness.
What is the hex code for Clean Slate?
The hex code for Clean Slate is #577396. In RGB it's rgb(87, 115, 150), and in CMYK it's cmyk(42%, 23%, 0%, 41%).
What colors go well with Clean Slate?
Clean Slate pairs naturally with brown tones from its complementary harmony. Its own tints and shades always work as a monochrome scheme.
Got a photo with a color like this? Identify it with the analyzer — free, instant, private.