Skip to the color picker

#486fa7 color: Croquet Blue

#486fa7 is rgb(72, 111, 167) in RGB and oklch(53.831% 0.09889 257.457) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

215°
100%

53.8%
0.099
257°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Cerulean
  • slate-500
  • Black 35%

Inside sRGB: displays the same on any screen.

White text
5.11:1Readable · AA
Lc -81
Black text
4.11: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 #486fa7

#486fa7 is a soft blue color. In OKLCH it has 53.8% lightness, 0.099 chroma and a hue of 257°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.11:1 contrast and black text 4.11: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: #486fa7 mixed with white

  1. 486fa7
  2. 597db0
  3. 6b8bb9
  4. 7d99c2
  5. 8ea7cb
  6. a1b6d4
  7. b3c4dd
  8. c6d3e5
  9. d8e1ee
  10. ecf0f7

Darker: #486fa7 mixed with black

  1. 486fa7
  2. 3d6091
  3. 33517b
  4. 294266
  5. 1f3452
  6. 16273e
  7. 0d1a2c
  8. 060e1a
  9. 02040a
  10. 000101

Calmer: #486fa7 with less saturation

  1. 486fa7
  2. 4c6fa1
  3. 506f9c
  4. 546f96
  5. 587091
  6. 5c6f8b
  7. 606f85
  8. 646f80
  9. 676f7a
  10. 6b6e74

Questions about #486fa7

What color is #486fa7?

#486fa7 is soft blue. The closest named color is Croquet Blue. In RGB it is rgb(72, 111, 167), in HSL hsl(215.37, 39.75%, 46.86%) and in OKLCH oklch(53.831% 0.09889 257.457).

What colors go well with #486fa7?

The complementary color of #486fa7 is #8e661f. For a calmer combination use the analogous colors #15799b and #6b64a4. The triadic partners are #9f5559 and #517b41.

Is white or black text more readable on #486fa7?

White text reads better on #486fa7: white gives a contrast ratio of 5.11:1 and black gives 4.11:1. WCAG AA asks for at least 4.5:1 for body text.

Is #486fa7 a warm or cool color?

#486fa7 is a cool color. In OKLCH its hue is 257 degrees, its lightness 53.8% and its chroma 0.099.