Skip to the color picker

#1f366e color: Passionate Blue

#1f366e is rgb(31, 54, 110) in RGB and oklch(34.764% 0.10141 264.826) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

223°
100%

34.8%
0.101
265°
  • Blue
  • Dark
  • Soft
  • Cool
  • ≈ Midnight blue
  • indigo-900
  • Black 57%

Inside sRGB: displays the same on any screen.

White text
11.60:1Readable · AA
Lc -100
Black text
1.81:1Hard to read
Lc 7

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 #1f366e

#1f366e is a soft dark blue color. In OKLCH it has 34.8% lightness, 0.101 chroma and a hue of 265°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Passionate Blue (#1f3465). In Tailwind CSS the closest color is indigo-900.

More dark blue colors

Lighter: #1f366e mixed with white

  1. 1f366e
  2. 32497d
  3. 465c8b
  4. 5b6f9a
  5. 7183a8
  6. 8796b6
  7. 9eabc5
  8. b5bfd3
  9. cdd4e2
  10. e6e9f0

Darker: #1f366e mixed with black

  1. 1f366e
  2. 192e5f
  3. 142550
  4. 0f1e41
  5. 0a1633
  6. 060f26
  7. 030819
  8. 01030e
  9. 000104
  10. 000001

Calmer: #1f366e with less saturation

  1. 1f366e
  2. 223769
  3. 253864
  4. 27385f
  5. 2a395a
  6. 2d3955
  7. 2f3a4f
  8. 323a4a
  9. 353a45
  10. 373a3f

Questions about #1f366e

What color is #1f366e?

#1f366e is soft dark blue. The closest named color is Passionate Blue. In RGB it is rgb(31, 54, 110), in HSL hsl(222.53, 56.03%, 27.65%) and in OKLCH oklch(34.764% 0.10141 264.826).

What colors go well with #1f366e?

The complementary color of #1f366e is #4f3500. For a calmer combination use the analogous colors #004065 and #3f2c68. The triadic partners are #641e1d and #0a4713.

Is white or black text more readable on #1f366e?

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

Is #1f366e a warm or cool color?

#1f366e is a cool color. In OKLCH its hue is 265 degrees, its lightness 34.8% and its chroma 0.101.