Skip to the color picker

#506fac color: Croquet Blue

#506fac is rgb(80, 111, 172) in RGB and oklch(54.561% 0.10246 262.959) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

220°
100%

54.6%
0.102
263°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
4.99:1Readable · AA
Lc -80
Black text
4.21:1Hard to read
Lc 30

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 #506fac

#506fac is a soft blue color. In OKLCH it has 54.6% lightness, 0.102 chroma and a hue of 263°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Croquet Blue (#4971ad). In Tailwind CSS the closest color is slate-500.

More medium blue colors

Lighter: #506fac mixed with white

  1. 506fac
  2. 607db5
  3. 718bbd
  4. 8299c6
  5. 93a7ce
  6. a4b6d7
  7. b6c4df
  8. c8d3e7
  9. dae1ef
  10. ecf0f7

Darker: #506fac mixed with black

  1. 506fac
  2. 446095
  3. 39517f
  4. 2e4269
  5. 243454
  6. 1a2740
  7. 101a2d
  8. 070e1b
  9. 02040b
  10. 000101

Calmer: #506fac with less saturation

  1. 506fac
  2. 536fa6
  3. 5770a0
  4. 5a709b
  5. 5d7095
  6. 61718f
  7. 647189
  8. 677183
  9. 6a717d
  10. 6d7076

Questions about #506fac

What color is #506fac?

#506fac is soft blue. The closest named color is Croquet Blue. In RGB it is rgb(80, 111, 172), in HSL hsl(219.78, 36.51%, 49.41%) and in OKLCH oklch(54.561% 0.10246 262.959).

What colors go well with #506fac?

The complementary color of #506fac is #8d6a1a. For a calmer combination use the analogous colors #1e7aa2 and #7364a6. The triadic partners are #a45654 and #4a7f47.

Is white or black text more readable on #506fac?

White text reads better on #506fac: white gives a contrast ratio of 4.99:1 and black gives 4.21:1. WCAG AA asks for at least 4.5:1 for body text.

Is #506fac a warm or cool color?

#506fac is a cool color. In OKLCH its hue is 263 degrees, its lightness 54.6% and its chroma 0.102.