Skip to the color picker
PickShade

#22375e color: Navy Peony

Every format, shade and contrast value for #22375e. Drag the picker to explore nearby colors.

Read as HEX

219°
100%

OKLCH

34%
0.074
262°
  • ≈ Charcoal
  • Blue
  • Dark
  • Soft
  • Cool
  • slate-700
  • Black 63%

Looks the same on every screen.

White text11.82:1 · AALc -101
Black text1.78:1 · Below AALc 0

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #22375e

#22375e is a soft dark blue color. In OKLCH it has 34% lightness, 0.074 chroma and a hue of 262°.

Looks the same on every screen.

White text on it reaches 11.82:1 contrast and black text 1.78:1, so white text reads better.

The closest named color is Navy Peony (#223a5e). In Tailwind CSS the closest color is slate-700.

More dark blue colors

Lighter: #22375e mixed with white

  1. 22375e
  2. 35496d
  3. 495c7d
  4. 5e6f8d
  5. 73829d
  6. 8996ad
  7. 9faabd
  8. b7bfcd
  9. ced4de
  10. e6e9ee

Darker: #22375e mixed with black

  1. 22375e
  2. 1c2e51
  3. 162644
  4. 111e37
  5. 0b162b
  6. 070f1f
  7. 030814
  8. 01030a
  9. 000103
  10. 000000

Calmer: #22375e with less saturation

  1. 22375e
  2. 24375a
  3. 273857
  4. 293853
  5. 2b384f
  6. 2d384b
  7. 303848
  8. 323844
  9. 343840
  10. 36383c