Skip to the color picker
PickShade

#342c63 color: Paris M

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

Read as HEX

249°
100%

OKLCH

33.3%
0.094
287°
  • ≈ Midnight blue
  • Violet
  • Dark
  • Soft
  • Cool
  • indigo-900
  • Black 61%

Looks the same on every screen.

White text12.45:1 · AALc -102
Black text1.69:1 · Below AALc 0

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 #342c63

#342c63 is a soft dark violet color. In OKLCH it has 33.3% lightness, 0.094 chroma and a hue of 287°.

Looks the same on every screen.

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

The closest named color is Paris M (#312760). In Tailwind CSS the closest color is indigo-900.

More dark violet colors

Lighter: #342c63 mixed with white

  1. 342c63
  2. 453f72
  3. 575382
  4. 6a6791
  5. 7d7ba1
  6. 9290b0
  7. a6a6c0
  8. bcbbcf
  9. d2d2df
  10. e8e8ef

Darker: #342c63 mixed with black

  1. 342c63
  2. 2c2555
  3. 241e47
  4. 1c173a
  5. 15112e
  6. 0e0a21
  7. 070516
  8. 03020b
  9. 010103
  10. 000000

Calmer: #342c63 with less saturation

  1. 342c63
  2. 342e5f
  3. 342f5a
  4. 343056
  5. 343152
  6. 34324d
  7. 353349
  8. 353444
  9. 35353f
  10. 36353b