Skip to the color picker

#557dbc color: Blue Iolite

#557dbc is rgb(85, 125, 188) in RGB and oklch(58.823% 0.10716 259.175) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

58.8%
0.107
259°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
4.16:1Hard to read
Lc -74
Black text
5.05:1Readable · AA
Lc 36

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 #557dbc

#557dbc is a soft blue color. In OKLCH it has 58.8% lightness, 0.107 chroma and a hue of 259°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Blue Iolite (#587ebe). In Tailwind CSS the closest color is sky-600.

More medium blue colors

Lighter: #557dbc mixed with white

  1. 557dbc
  2. 658ac3
  3. 7697ca
  4. 86a3d1
  5. 97b0d8
  6. a8bddf
  7. b9cae6
  8. cad7ec
  9. dbe4f2
  10. edf2f9

Darker: #557dbc mixed with black

  1. 557dbc
  2. 496ca3
  3. 3d5b8b
  4. 314b73
  5. 263b5d
  6. 1c2c47
  7. 111e32
  8. 08111f
  9. 02050d
  10. 000102

Calmer: #557dbc with less saturation

  1. 557dbc
  2. 597db6
  3. 5e7eb0
  4. 627eaa
  5. 667ea3
  6. 6a7e9d
  7. 6e7e97
  8. 717e90
  9. 757d8a
  10. 797d83

Questions about #557dbc

What color is #557dbc?

#557dbc is soft blue. The closest named color is Blue Iolite. In RGB it is rgb(85, 125, 188), in HSL hsl(216.7, 43.46%, 53.53%) and in OKLCH oklch(58.823% 0.10716 259.175).

What colors go well with #557dbc?

The complementary color of #557dbc is #9f7425. For a calmer combination use the analogous colors #2088af and #7b71b8. The triadic partners are #b46163 and #5a8c4c.

Is white or black text more readable on #557dbc?

White text reads better on #557dbc: white gives a contrast ratio of 4.16:1 and black gives 5.05:1. WCAG AA asks for at least 4.5:1 for body text.

Is #557dbc a warm or cool color?

#557dbc is a cool color. In OKLCH its hue is 259 degrees, its lightness 58.8% and its chroma 0.107.