Skip to the color picker

#556aaa color: Evening Lagoon

#556aaa is rgb(85, 106, 170) in RGB and oklch(53.666% 0.10376 268.973) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

225°
100%

53.7%
0.104
269°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
5.21:1Readable · AA
Lc -81
Black text
4.03:1Hard to read
Lc 28

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 #556aaa

#556aaa is a soft blue color. In OKLCH it has 53.7% lightness, 0.104 chroma and a hue of 269°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Evening Lagoon (#5868ae). In Tailwind CSS the closest color is slate-500.

More medium blue colors

Lighter: #556aaa mixed with white

  1. 556aaa
  2. 6478b3
  3. 7487bc
  4. 8496c5
  5. 95a4cd
  6. a6b3d6
  7. b7c2de
  8. c9d1e7
  9. dbe0ef
  10. edf0f7

Darker: #556aaa mixed with black

  1. 556aaa
  2. 495b93
  3. 3d4d7d
  4. 313f68
  5. 263153
  6. 1c243f
  7. 11182d
  8. 080d1b
  9. 02040b
  10. 000001

Calmer: #556aaa with less saturation

  1. 556aaa
  2. 576ba4
  3. 5a6b9e
  4. 5c6c98
  5. 5f6c92
  6. 616d8d
  7. 646d86
  8. 666d80
  9. 696d7a
  10. 6b6e74

Questions about #556aaa

What color is #556aaa?

#556aaa is soft blue. The closest named color is Evening Lagoon. In RGB it is rgb(85, 106, 170), in HSL hsl(225.18, 33.33%, 50%) and in OKLCH oklch(53.666% 0.10376 268.973).

What colors go well with #556aaa?

The complementary color of #556aaa is #866a12. For a calmer combination use the analogous colors #2675a3 and #765fa1. The triadic partners are #a1544a and #3d7e4b.

Is white or black text more readable on #556aaa?

White text reads better on #556aaa: white gives a contrast ratio of 5.21:1 and black gives 4.03:1. WCAG AA asks for at least 4.5:1 for body text.

Is #556aaa a warm or cool color?

#556aaa is a cool color. In OKLCH its hue is 269 degrees, its lightness 53.7% and its chroma 0.104.