Skip to the color picker
PickShade

#2f466d color: Hydrogen Blue

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

Read as HEX

218°
100%

OKLCH

39.4%
0.072
260°
  • ≈ Charcoal
  • Blue
  • Dark
  • Soft
  • Cool
  • sky-900
  • Black 57%

Looks the same on every screen.

White text9.47: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 #2f466d

#2f466d is a soft dark blue color. In OKLCH it has 39.4% lightness, 0.072 chroma and a hue of 260°.

Looks the same on every screen.

White text on it reaches 9.47: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: #2f466d mixed with white

  1. 2f466d
  2. 41577b
  3. 546889
  4. 687a98
  5. 7c8ca6
  6. 919eb5
  7. a6b1c3
  8. bcc4d2
  9. d2d7e1
  10. e8ebf0

Darker: #2f466d mixed with black

  1. 2f466d
  2. 273c5e
  3. 20324f
  4. 192841
  5. 121e33
  6. 0c1526
  7. 060d19
  8. 03050d
  9. 010204
  10. 000001

Calmer: #2f466d with less saturation

  1. 2f466d
  2. 324669
  3. 344665
  4. 364762
  5. 39475e
  6. 3b475a
  7. 3d4756
  8. 404752
  9. 42464e
  10. 44464a