Skip to the color picker
PickShade

#1f3b60 color: Navy Peony

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

Read as HEX

214°
100%

OKLCH

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

Looks the same on every screen.

White text11.33:1 · AALc -100
Black text1.85: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 #1f3b60

#1f3b60 is a soft dark blue color. In OKLCH it has 35% lightness, 0.073 chroma and a hue of 256°.

Looks the same on every screen.

White text on it reaches 11.33:1 contrast and black text 1.85: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: #1f3b60 mixed with white

  1. 1f3b60
  2. 334d6f
  3. 485f7f
  4. 5d728e
  5. 72859e
  6. 8898ae
  7. 9facbe
  8. b6c0ce
  9. ced5de
  10. e6eaee

Darker: #1f3b60 mixed with black

  1. 1f3b60
  2. 193252
  3. 142945
  4. 0f2138
  5. 0a192c
  6. 061120
  7. 030915
  8. 01040a
  9. 000103
  10. 000000

Calmer: #1f3b60 with less saturation

  1. 1f3b60
  2. 223b5c
  3. 253b59
  4. 283b55
  5. 2b3b51
  6. 2e3b4e
  7. 313b4a
  8. 333b46
  9. 363b42
  10. 383b3e