Skip to the color picker
PickShade

#203b60 color: Navy Peony

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

Read as HEX

215°
100%

OKLCH

35%
0.073
257°
  • ≈ Charcoal
  • Blue
  • Dark
  • Soft
  • Cool
  • slate-700
  • Black 62%

Looks the same on every screen.

White text11.32:1 · AALc -100
Black text1.86:1 · Below AALc 8

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 #203b60

#203b60 is a soft dark blue color. In OKLCH it has 35% lightness, 0.073 chroma and a hue of 257°.

Looks the same on every screen.

White text on it reaches 11.32:1 contrast and black text 1.86: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: #203b60 mixed with white

  1. 203b60
  2. 344d6f
  3. 485f7f
  4. 5d728e
  5. 73859e
  6. 8998ae
  7. 9facbe
  8. b7c0ce
  9. ced5de
  10. e6eaee

Darker: #203b60 mixed with black

  1. 203b60
  2. 1a3252
  3. 152945
  4. 0f2138
  5. 0a192c
  6. 061120
  7. 030915
  8. 01040a
  9. 000103
  10. 000000

Calmer: #203b60 with less saturation

  1. 203b60
  2. 233b5c
  3. 263b59
  4. 293b55
  5. 2c3b51
  6. 2e3b4e
  7. 313b4a
  8. 333b46
  9. 363b42
  10. 383b3e