Skip to the color picker
PickShade

#334282 color: Official Violet

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

Read as HEX

229°
100%

OKLCH

40.2%
0.109
271°
  • ≈ Cobalt
  • Indigo
  • Dark
  • Soft
  • Cool
  • blue-900
  • Black 49%

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 #334282

#334282 is a soft dark indigo color. In OKLCH it has 40.2% lightness, 0.109 chroma and a hue of 271°.

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 Official Violet (#2e4182). In Tailwind CSS the closest color is blue-900.

More dark indigo colors

Lighter: #334282 mixed with white

  1. 334282
  2. 44548f
  3. 57669c
  4. 6a78a8
  5. 7d8bb5
  6. 929dc1
  7. a7b0ce
  8. bcc4da
  9. d2d7e6
  10. e8ebf3

Darker: #334282 mixed with black

  1. 334282
  2. 2b3870
  3. 232f5f
  4. 1c254e
  5. 141c3e
  6. 0d142f
  7. 070b20
  8. 030512
  9. 010106
  10. 000001

Calmer: #334282 with less saturation

  1. 334282
  2. 35437c
  3. 374477
  4. 394571
  5. 3b466b
  6. 3d4766
  7. 3f4760
  8. 41475a
  9. 444854
  10. 46484e