Skip to the color picker

#2f316e color: Ballpoint Indigo

#2f316e is rgb(47, 49, 110) in RGB and oklch(34.717% 0.10356 278.123) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

238°
100%

34.7%
0.104
278°
  • Indigo
  • Dark
  • Soft
  • Cool
  • ≈ Midnight blue
  • indigo-900
  • Black 57%

Inside sRGB: displays the same on any screen.

White text
11.76:1Readable · AA
Lc -100
Black text
1.79:1Hard to read
Lc 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 #2f316e

#2f316e is a soft dark indigo color. In OKLCH it has 34.7% lightness, 0.104 chroma and a hue of 278°.

Inside sRGB: displays the same on any screen.

White text on it reaches 11.76:1 contrast and black text 1.79: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: #2f316e mixed with white

  1. 2f316e
  2. 40447d
  3. 52588b
  4. 666b9a
  5. 7a7fa8
  6. 8e94b7
  7. a4a8c5
  8. babed3
  9. d0d3e2
  10. e7e9f0

Darker: #2f316e mixed with black

  1. 2f316e
  2. 27295f
  3. 202250
  4. 191a41
  5. 121333
  6. 0c0c26
  7. 060619
  8. 03030e
  9. 010104
  10. 000001

Calmer: #2f316e with less saturation

  1. 2f316e
  2. 303369
  3. 313464
  4. 31355f
  5. 32365a
  6. 333755
  7. 35384f
  8. 36384a
  9. 373945
  10. 38393f

Questions about #2f316e

What color is #2f316e?

#2f316e is soft dark indigo. The closest named color is Ballpoint Indigo. In RGB it is rgb(47, 49, 110), in HSL hsl(238.1, 40.13%, 30.78%) and in OKLCH oklch(34.717% 0.10356 278.123).

What colors go well with #2f316e?

The complementary color of #2f316e is #473900. For a calmer combination use the analogous colors #003b6c and #492762. The triadic partners are #642008 and #004924.

Is white or black text more readable on #2f316e?

White text reads better on #2f316e: white gives a contrast ratio of 11.76:1 and black gives 1.79:1. WCAG AA asks for at least 4.5:1 for body text.

Is #2f316e a warm or cool color?

#2f316e is a cool color. In OKLCH its hue is 278 degrees, its lightness 34.7% and its chroma 0.104.