Skip to the color picker
PickShade

#233a5d color: Navy Peony

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

Read as HEX

216°
100%

OKLCH

34.8%
0.068
259°
  • ≈ Charcoal
  • Blue
  • Dark
  • Soft
  • Cool
  • slate-700
  • Black 64%

Looks the same on every screen.

White text11.45:1 · AALc -100
Black text1.83: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 #233a5d

#233a5d is a soft dark blue color. In OKLCH it has 34.8% lightness, 0.068 chroma and a hue of 259°.

Looks the same on every screen.

White text on it reaches 11.45:1 contrast and black text 1.83: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: #233a5d mixed with white

  1. 233a5d
  2. 364c6c
  3. 4a5e7c
  4. 5f718c
  5. 74849c
  6. 8a97ac
  7. a0abbc
  8. b7c0cd
  9. cfd4dd
  10. e7eaee

Darker: #233a5d mixed with black

  1. 233a5d
  2. 1d3150
  3. 172843
  4. 112037
  5. 0c182a
  6. 07101f
  7. 040914
  8. 01040a
  9. 000103
  10. 000000

Calmer: #233a5d with less saturation

  1. 233a5d
  2. 263a5a
  3. 283a56
  4. 2a3a53
  5. 2d3b4f
  6. 2f3b4c
  7. 313a48
  8. 333a45
  9. 363a41
  10. 383a3e