Skip to the color picker

#314158 color: Pi

#314158 is rgb(49, 65, 88) in RGB and oklch(37.173% 0.04493 257.424) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

215°
100%

37.2%
0.045
257°
  • Blue
  • Dark
  • Muted
  • Cool
  • ≈ Charcoal
  • slate-700
  • Black 65%

Inside sRGB: displays the same on any screen.

White text
10.36:1Readable · AA
Lc -98
Black text
2.03:1Hard to read
Lc 10

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #314158

#314158 is a muted dark blue color. In OKLCH it has 37.2% lightness, 0.045 chroma and a hue of 257°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Pi (#314159). In Tailwind CSS the closest color is slate-700.

More dark blue colors

Lighter: #314158 mixed with white

  1. 314158

Darker: #314158 mixed with black

  1. 314158
  2. 000000

Calmer: #314158 with less saturation

  1. 314158

Similar named colors

Colors that go with #314158

Complementary
#314158
Analogous
#314158
Triadic
#314158
Split
#314158

Questions about #314158

What color is #314158?

#314158 is muted dark blue. The closest named color is Pi. In RGB it is rgb(49, 65, 88), in HSL hsl(215.38, 28.47%, 26.86%) and in OKLCH oklch(37.173% 0.04493 257.424).

What colors go well with #314158?

The complementary color of #314158 is #4e3d24. For a calmer combination use the analogous colors #254553 and #3f3d57. The triadic partners are #563637 and #35462e.

Is white or black text more readable on #314158?

White text reads better on #314158: white gives a contrast ratio of 10.36:1 and black gives 2.03:1. WCAG AA asks for at least 4.5:1 for body text.

Is #314158 a warm or cool color?

#314158 is a cool color. In OKLCH its hue is 257 degrees, its lightness 37.2% and its chroma 0.045.