Skip to the color picker
PickShade

#313e82 color: Official Violet

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

Read as HEX

230°
100%

OKLCH

39.2%
0.115
272°
  • ≈ Cobalt
  • Indigo
  • Dark
  • Soft
  • Cool
  • blue-900
  • Black 49%

Looks the same on every screen.

White text9.80:1 · AALc -97
Black text2.14:1 · Below AALc 11

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 #313e82

#313e82 is a soft dark indigo color. In OKLCH it has 39.2% lightness, 0.115 chroma and a hue of 272°.

Looks the same on every screen.

White text on it reaches 9.8:1 contrast and black text 2.14: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: #313e82 mixed with white

  1. 313e82
  2. 42518f
  3. 55639c
  4. 6876a8
  5. 7c88b5
  6. 909cc2
  7. a5afce
  8. bbc3da
  9. d1d6e7
  10. e8ebf3

Darker: #313e82 mixed with black

  1. 313e82
  2. 293570
  3. 222b5f
  4. 1a234e
  5. 131a3e
  6. 0c122f
  7. 060a20
  8. 030412
  9. 010106
  10. 000001

Calmer: #313e82 with less saturation

  1. 313e82
  2. 333f7c
  3. 354176
  4. 364270
  5. 38436a
  6. 3b4364
  7. 3d445e
  8. 3f4558
  9. 414552
  10. 43454c