Skip to the color picker
PickShade

#2f466e color: Hydrogen Blue

Every format, shade and contrast value for #2f466e. Drag the picker to explore nearby colors.

Read as HEX

218°
100%

OKLCH

39.5%
0.074
261°
  • ≈ Charcoal
  • Blue
  • Dark
  • Soft
  • Cool
  • sky-900
  • Black 57%

Looks the same on every screen.

White text9.45:1 · AALc -96
Black text2.22:1 · Below AALc 12

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 #2f466e

#2f466e is a soft dark blue color. In OKLCH it has 39.5% lightness, 0.074 chroma and a hue of 261°.

Looks the same on every screen.

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

The closest named color is Hydrogen Blue (#33476d). In Tailwind CSS the closest color is sky-900.

More dark blue colors

Lighter: #2f466e mixed with white

  1. 2f466e
  2. 41577c
  3. 54688a
  4. 687a98
  5. 7c8ca7
  6. 919eb5
  7. a6b1c4
  8. bcc4d2
  9. d2d7e1
  10. e8ebf0

Darker: #2f466e mixed with black

  1. 2f466e
  2. 273c5f
  3. 203250
  4. 192841
  5. 121e33
  6. 0c1526
  7. 060d19
  8. 03050e
  9. 010204
  10. 000001

Calmer: #2f466e with less saturation

  1. 2f466e
  2. 32466a
  3. 344666
  4. 364762
  5. 39475f
  6. 3b475b
  7. 3d4757
  8. 404753
  9. 42474f
  10. 44464a