Skip to the color picker

#224a79 color: Sapphire Earrings

#224a79 is rgb(34, 74, 121) in RGB and oklch(40.492% 0.09141 254.059) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

212°
100%

40.5%
0.091
254°
  • Blue
  • Dark
  • Vivid
  • Deep
  • Cool
  • ≈ Charcoal
  • sky-900
  • Black 53%

Inside sRGB: displays the same on any screen.

White text
9.04:1Readable · AA
Lc -95
Black text
2.32:1Hard to read
Lc 13

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 #224a79

#224a79 is a deep dark blue color. In OKLCH it has 40.5% lightness, 0.091 chroma and a hue of 254°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Sapphire Earrings (#284b75). In Tailwind CSS the closest color is sky-900.

More dark blue colors

Lighter: #224a79 mixed with white

  1. 224a79
  2. 375b86
  3. 4c6c94
  4. 617ea1
  5. 768fae
  6. 8ca1bc
  7. a2b3c9
  8. b9c6d7
  9. d0d9e4
  10. e7ecf1

Darker: #224a79 mixed with black

  1. 224a79
  2. 1c3f68
  3. 163558
  4. 112a48
  5. 0b2039
  6. 07172b
  7. 030e1d
  8. 010610
  9. 000205
  10. 000001

Calmer: #224a79 with less saturation

  1. 224a79
  2. 274a74
  3. 2c4a70
  4. 304b6b
  5. 344b66
  6. 384a62
  7. 3b4a5d
  8. 3f4a58
  9. 424a53
  10. 46494e

Questions about #224a79

What color is #224a79?

#224a79 is deep dark blue. The closest named color is Sapphire Earrings. In RGB it is rgb(34, 74, 121), in HSL hsl(212.41, 56.13%, 30.39%) and in OKLCH oklch(40.492% 0.09141 254.059).

What colors go well with #224a79?

The complementary color of #224a79 is #664000. For a calmer combination use the analogous colors #00526d and #444178. The triadic partners are #72313a and #33531b.

Is white or black text more readable on #224a79?

White text reads better on #224a79: white gives a contrast ratio of 9.04:1 and black gives 2.32:1. WCAG AA asks for at least 4.5:1 for body text.

Is #224a79 a warm or cool color?

#224a79 is a cool color. In OKLCH its hue is 254 degrees, its lightness 40.5% and its chroma 0.091.