Skip to the color picker

#1f366c color: Passionate Blue

#1f366c is rgb(31, 54, 108) in RGB and oklch(34.611% 0.09834 264.482) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

222°
100%

34.6%
0.098
264°
  • Blue
  • Dark
  • Soft
  • Cool
  • ≈ Midnight blue
  • indigo-900
  • Black 58%

Inside sRGB: displays the same on any screen.

White text
11.65:1Readable · AA
Lc -100
Black text
1.80: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 #1f366c

#1f366c is a soft dark blue color. In OKLCH it has 34.6% lightness, 0.098 chroma and a hue of 264°.

Inside sRGB: displays the same on any screen.

White text on it reaches 11.65:1 contrast and black text 1.8: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: #1f366c mixed with white

  1. 1f366c
  2. 32497b
  3. 465c89
  4. 5b6f98
  5. 7182a7
  6. 8796b5
  7. 9eabc4
  8. b5bfd3
  9. ced4e1
  10. e6e9f0

Darker: #1f366c mixed with black

  1. 1f366c
  2. 192e5d
  3. 14254e
  4. 0f1e40
  5. 0a1632
  6. 060f25
  7. 030819
  8. 01030d
  9. 000104
  10. 000000

Calmer: #1f366c with less saturation

  1. 1f366c
  2. 223767
  3. 253862
  4. 27385d
  5. 2a3958
  6. 2d3953
  7. 2f394e
  8. 323a49
  9. 343a44
  10. 373a3f

Questions about #1f366c

What color is #1f366c?

#1f366c is soft dark blue. The closest named color is Passionate Blue. In RGB it is rgb(31, 54, 108), in HSL hsl(222.08, 55.4%, 27.25%) and in OKLCH oklch(34.611% 0.09834 264.482).

What colors go well with #1f366c?

The complementary color of #1f366c is #4f3400. For a calmer combination use the analogous colors #004064 and #3e2c67. The triadic partners are #631f1e and #0e4613.

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

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

Is #1f366c a warm or cool color?

#1f366c is a cool color. In OKLCH its hue is 264 degrees, its lightness 34.6% and its chroma 0.098.