Skip to the color picker

#557fc2 color: Blue Iolite

#557fc2 is rgb(85, 127, 194) in RGB and oklch(59.588% 0.11323 259.392) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

59.6%
0.113
259°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 24%

Inside sRGB: displays the same on any screen.

White text
4.04:1Hard to read
Lc -73
Black text
5.20:1Readable · AA
Lc 37

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

#557fc2 is a soft blue color. In OKLCH it has 59.6% lightness, 0.113 chroma and a hue of 259°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.04:1 contrast and black text 5.2: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: #557fc2 mixed with white

  1. 557fc2
  2. 658cc9
  3. 7698cf
  4. 86a5d6
  5. 97b2dc
  6. a8bee2
  7. b9cbe8
  8. cad8ee
  9. dce5f4
  10. edf2f9

Darker: #557fc2 mixed with black

  1. 557fc2
  2. 496ea8
  3. 3d5d8f
  4. 314c77
  5. 263c60
  6. 1c2d49
  7. 111f34
  8. 081120
  9. 02060e
  10. 000102

Calmer: #557fc2 with less saturation

  1. 557fc2
  2. 5a7fbc
  3. 5e80b5
  4. 6380ae
  5. 6780a8
  6. 6b80a1
  7. 6f809b
  8. 738094
  9. 77808d
  10. 7b7f86

Questions about #557fc2

What color is #557fc2?

#557fc2 is soft blue. The closest named color is Blue Iolite. In RGB it is rgb(85, 127, 194), in HSL hsl(216.88, 47.19%, 54.71%) and in OKLCH oklch(59.588% 0.11323 259.392).

What colors go well with #557fc2?

The complementary color of #557fc2 is #a3761e. For a calmer combination use the analogous colors #158bb5 and #7e72be. The triadic partners are #b96163 and #598f4c.

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

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

Is #557fc2 a warm or cool color?

#557fc2 is a cool color. In OKLCH its hue is 259 degrees, its lightness 59.6% and its chroma 0.113.