Skip to the color picker

#557dc6 color: Blue Iolite

#557dc6 is rgb(85, 125, 198) in RGB and oklch(59.372% 0.12093 261.631) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

219°
100%

59.4%
0.121
262°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 22%

Inside sRGB: displays the same on any screen.

White text
4.09:1Hard to read
Lc -73
Black text
5.14: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 #557dc6

#557dc6 is a soft blue color. In OKLCH it has 59.4% lightness, 0.121 chroma and a hue of 262°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.09:1 contrast and black text 5.14: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: #557dc6 mixed with white

  1. 557dc6
  2. 658acc
  3. 7597d3
  4. 86a4d9
  5. 97b1df
  6. a7bee4
  7. b9cbea
  8. cad8f0
  9. dbe5f5
  10. edf2fa

Darker: #557dc6 mixed with black

  1. 557dc6
  2. 496cac
  3. 3d5b92
  4. 314b7a
  5. 263b62
  6. 1c2c4b
  7. 111e35
  8. 081121
  9. 02050e
  10. 000102

Calmer: #557dc6 with less saturation

  1. 557dc6
  2. 597ebf
  3. 5e7eb8
  4. 627eb1
  5. 667faa
  6. 6a7fa3
  7. 6f7f9c
  8. 737f95
  9. 767f8d
  10. 7a7f86

Questions about #557dc6

What color is #557dc6?

#557dc6 is soft blue. The closest named color is Blue Iolite. In RGB it is rgb(85, 125, 198), in HSL hsl(218.76, 49.78%, 55.49%) and in OKLCH oklch(59.372% 0.12093 261.631).

What colors go well with #557dc6?

The complementary color of #557dc6 is #a27606. For a calmer combination use the analogous colors #008ab9 and #8070c0. The triadic partners are #bc5e5e and #52904a.

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

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

Is #557dc6 a warm or cool color?

#557dc6 is a cool color. In OKLCH its hue is 262 degrees, its lightness 59.4% and its chroma 0.121.