Skip to the color picker
PickShade

#2f466f color: Hydrogen Blue

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

Read as HEX

218°
100%

OKLCH

39.6%
0.076
261°
  • ≈ Charcoal
  • Blue
  • Dark
  • Soft
  • Cool
  • sky-900
  • Black 56%

Looks the same on every screen.

White text9.43:1 · AALc -96
Black text2.23: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 #2f466f

#2f466f is a soft dark blue color. In OKLCH it has 39.6% lightness, 0.076 chroma and a hue of 261°.

Looks the same on every screen.

White text on it reaches 9.43:1 contrast and black text 2.23: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: #2f466f mixed with white

  1. 2f466f
  2. 41577d
  3. 54688b
  4. 687a99
  5. 7c8ca8
  6. 919eb6
  7. a6b1c4
  8. bcc4d3
  9. d2d7e1
  10. e8ebf0

Darker: #2f466f mixed with black

  1. 2f466f
  2. 273c60
  3. 203251
  4. 192842
  5. 121e34
  6. 0c1527
  7. 060d1a
  8. 03050e
  9. 010204
  10. 000001

Calmer: #2f466f with less saturation

  1. 2f466f
  2. 32466b
  3. 344767
  4. 364763
  5. 39475f
  6. 3b475b
  7. 3d4757
  8. 404753
  9. 42474f
  10. 44474b