Skip to the color picker

#566bb2 color: Amparo Blue

#566bb2 is rgb(86, 107, 178) in RGB and oklch(54.407% 0.11384 269.873) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

226°
100%

54.4%
0.114
270°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 30%

Inside sRGB: displays the same on any screen.

White text
5.07:1Readable · AA
Lc -80
Black text
4.14:1Hard to read
Lc 29

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 #566bb2

#566bb2 is a soft blue color. In OKLCH it has 54.4% lightness, 0.114 chroma and a hue of 270°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Amparo Blue (#556cb5). In Tailwind CSS the closest color is slate-500.

More medium blue colors

Lighter: #566bb2 mixed with white

  1. 566bb2
  2. 6579ba
  3. 7588c2
  4. 8597cb
  5. 96a5d2
  6. a6b4da
  7. b8c3e2
  8. c9d2e9
  9. dbe1f1
  10. edf0f8

Darker: #566bb2 mixed with black

  1. 566bb2
  2. 4a5c9a
  3. 3e4e83
  4. 323f6d
  5. 273257
  6. 1c2543
  7. 12182f
  8. 080d1d
  9. 02040c
  10. 000001

Calmer: #566bb2 with less saturation

  1. 566bb2
  2. 586cac
  3. 5b6da5
  4. 5e6d9f
  5. 606e98
  6. 636f92
  7. 656f8b
  8. 686f84
  9. 6a707e
  10. 6d7077

Questions about #566bb2

What color is #566bb2?

#566bb2 is soft blue. The closest named color is Amparo Blue. In RGB it is rgb(86, 107, 178), in HSL hsl(226.3, 37.4%, 51.76%) and in OKLCH oklch(54.407% 0.11384 269.873).

What colors go well with #566bb2?

The complementary color of #566bb2 is #8a6c00. For a calmer combination use the analogous colors #1c77ab and #7a5fa8. The triadic partners are #a85347 and #36824b.

Is white or black text more readable on #566bb2?

White text reads better on #566bb2: white gives a contrast ratio of 5.07:1 and black gives 4.14:1. WCAG AA asks for at least 4.5:1 for body text.

Is #566bb2 a warm or cool color?

#566bb2 is a cool color. In OKLCH its hue is 270 degrees, its lightness 54.4% and its chroma 0.114.