Skip to the color picker
PickShade

#333f8e color: Clematis Blue

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

Read as HEX

232°
100%

OKLCH

40.4%
0.131
273°
  • ≈ Cobalt
  • Indigo
  • Dark
  • Soft
  • Cool
  • blue-900
  • Black 44%

Looks the same on every screen.

White text9.37:1 · AALc -96
Black text2.24:1 · Below AALc 13

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 #333f8e

#333f8e is a soft dark indigo color. In OKLCH it has 40.4% lightness, 0.131 chroma and a hue of 273°.

Looks the same on every screen.

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

The closest named color is Clematis Blue (#3c3d8a). In Tailwind CSS the closest color is blue-900.

More dark indigo colors

Lighter: #333f8e mixed with white

  1. 333f8e
  2. 44529a
  3. 5665a6
  4. 6977b2
  5. 7d8abd
  6. 919dc8
  7. a6b0d4
  8. bcc3df
  9. d2d7ea
  10. e8ebf4

Darker: #333f8e mixed with black

  1. 333f8e
  2. 2b357b
  3. 232c68
  4. 1c2356
  5. 141b44
  6. 0d1234
  7. 070a24
  8. 030415
  9. 010107
  10. 000001

Calmer: #333f8e with less saturation

  1. 333f8e
  2. 354187
  3. 374381
  4. 39447a
  5. 3b4573
  6. 3d466c
  7. 3f4765
  8. 41485e
  9. 444857
  10. 464850