analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#404F63 — Charcoal
#404F63 is a dark desaturated blue sitting at 214° on the color wheel. Below you will find every format, a full tint and shade ramp, contrast ratings, and five harmony schemes built around it.
#404f63
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #404F63
- f6f7f9
- d9dfe6
- bdc7d4
- a1afc1
- 8497af
- 687f9c
- 546881
- 425165
- 2f3a48
- 1d232c
- 0a0c0f
Color schemes using #404F63
complementary
Two opposite hues that create the strongest possible contrast and visual tension.
split complementary
A base hue paired with the two neighbours of its complement — bold but easier to balance.
triadic
Three hues spaced evenly around the wheel for a vibrant, well-balanced scheme.
tetradic
Two complementary pairs, giving you the widest range of usable accents.
monochromatic
A single hue explored across lightness and saturation for a refined, minimal look.
Nearby colors
#404F63 FAQ
What color is #404F63?
#404F63 is a shade of charcoal in the blue family. It has a hue of 214 degrees, 21% saturation and 32% lightness, which makes it a dark muted color.
What is the RGB value of #404F63?
#404F63 is rgb(64, 79, 99) in RGB, hsl(214, 21%, 32%) in HSL, and cmyk(35%, 20%, 0%, 61%) in CMYK.
Can I use white text on #404F63?
White text on this background reaches 8.34:1, which passes WCAG AA. Black text reaches 2.52:1.
What colors go well with #404F63?
Its direct complement is #635440. For something less stark, the split-complementary pair #634340 and #606340 gives you contrast without the vibration.