analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#222A3F — Onyx
#222A3F is a dark moderately saturated 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.
#222a3f
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #222A3F
- f5f6fa
- d7dce9
- b8c1d9
- 9aa7c8
- 7b8cb8
- 5d72a8
- 4b5d8b
- 3a486c
- 2a344e
- 19202f
- 090b11
Color schemes using #222A3F
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
#222A3F FAQ
What color is #222A3F?
#222A3F is a shade of onyx in the blue family. It has a hue of 223 degrees, 30% saturation and 19% lightness, which makes it a dark muted color.
What is the RGB value of #222A3F?
#222A3F is rgb(34, 42, 63) in RGB, hsl(223, 30%, 19%) in HSL, and cmyk(46%, 33%, 0%, 75%) in CMYK.
Can I use white text on #222A3F?
White text on this background reaches 14.28:1, which passes WCAG AA. Black text reaches 1.47:1.
What colors go well with #222A3F?
Its direct complement is #3F3722. For something less stark, the split-complementary pair #3F2822 and #393F22 gives you contrast without the vibration.