Skip to the color picker

#31336f color: Ballpoint Indigo

#31336f is rgb(49, 51, 111) in RGB and oklch(35.375% 0.10165 278.407) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

238°
100%

35.4%
0.102
278°
  • Indigo
  • Dark
  • Soft
  • Cool
  • ≈ Midnight blue
  • indigo-900
  • Black 56%

Inside sRGB: displays the same on any screen.

White text
11.45:1Readable · AA
Lc -100
Black text
1.83:1Hard to read
Lc 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 #31336f

#31336f is a soft dark indigo color. In OKLCH it has 35.4% lightness, 0.102 chroma and a hue of 278°.

Inside sRGB: displays the same on any 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 Ballpoint Indigo (#323477). In Tailwind CSS the closest color is indigo-900.

More dark indigo colors

Lighter: #31336f mixed with white

  1. 31336f
  2. 42467d
  3. 54598c
  4. 676d9a
  5. 7b81a9
  6. 9095b7
  7. a5a9c5
  8. bbbed4
  9. d1d3e2
  10. e8e9f1

Darker: #31336f mixed with black

  1. 31336f
  2. 292b60
  3. 222351
  4. 1a1c42
  5. 131434
  6. 0c0d27
  7. 06071a
  8. 03030e
  9. 010104
  10. 000001

Calmer: #31336f with less saturation

  1. 31336f
  2. 32346a
  3. 323665
  4. 333760
  5. 34385b
  6. 353956
  7. 363951
  8. 383a4c
  9. 393b46
  10. 3a3b41

Questions about #31336f

What color is #31336f?

#31336f is soft dark indigo. The closest named color is Ballpoint Indigo. In RGB it is rgb(49, 51, 111), in HSL hsl(238.06, 38.75%, 31.37%) and in OKLCH oklch(35.375% 0.10165 278.407).

What colors go well with #31336f?

The complementary color of #31336f is #483b00. For a calmer combination use the analogous colors #003d6d and #4b2a63. The triadic partners are #66230c and #004a26.

Is white or black text more readable on #31336f?

White text reads better on #31336f: white gives a contrast ratio of 11.45:1 and black gives 1.83:1. WCAG AA asks for at least 4.5:1 for body text.

Is #31336f a warm or cool color?

#31336f is a cool color. In OKLCH its hue is 278 degrees, its lightness 35.4% and its chroma 0.102.