analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#404A63 — Charcoal
#404A63 is a dark desaturated blue sitting at 223° 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.
#404a63
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #404A63
- f6f7f9
- d9dde6
- bdc3d4
- a1aac1
- 8490af
- 68779c
- 546181
- 424c65
- 2f3648
- 1d212c
- 0a0c0f
Color schemes using #404A63
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
#404A63 FAQ
What color is #404A63?
#404A63 is a shade of charcoal in the blue family. It has a hue of 223 degrees, 21% saturation and 32% lightness, which makes it a dark muted color.
What is the RGB value of #404A63?
#404A63 is rgb(64, 74, 99) in RGB, hsl(223, 21%, 32%) in HSL, and cmyk(35%, 25%, 0%, 61%) in CMYK.
Can I use white text on #404A63?
White text on this background reaches 8.83:1, which passes WCAG AA. Black text reaches 2.38:1.
What colors go well with #404A63?
Its direct complement is #635940. For something less stark, the split-complementary pair #634840 and #5B6340 gives you contrast without the vibration.