Skip to the color picker

#0056f0 color: Opulent Blue

#0056f0 is rgb(0, 86, 240) in RGB and oklch(52.062% 0.24084 262.002) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

219°
100%

52.1%
0.241
262°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Royal blue
  • blue-600
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
5.85:1Readable · AA
Lc -83
Black text
3.59:1Hard to read
Lc 26

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #0056f0

#0056f0 is a bright blue color. In OKLCH it has 52.1% lightness, 0.241 chroma and a hue of 262°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Opulent Blue (#0055ee). In Tailwind CSS the closest color is blue-600.

More medium blue colors

Lighter: #0056f0 mixed with white

Darker: #0056f0 mixed with black

Calmer: #0056f0 with less saturation

Similar named colors

Colors that go with #0056f0

Complementary
Analogous
Triadic
Split

Questions about #0056f0

What color is #0056f0?

#0056f0 is bright blue. The closest named color is Opulent Blue. In RGB it is rgb(0, 86, 240), in HSL hsl(218.5, 100%, 47.06%) and in OKLCH oklch(52.062% 0.24084 262.002).

What colors go well with #0056f0?

The complementary color of #0056f0 is #8d6000. For a calmer combination use the analogous colors #0074a6 and #7436e4. The triadic partners are #cc0023 and #008200.

Is white or black text more readable on #0056f0?

White text reads better on #0056f0: white gives a contrast ratio of 5.85:1 and black gives 3.59:1. WCAG AA asks for at least 4.5:1 for body text.

Is #0056f0 a warm or cool color?

#0056f0 is a cool color. In OKLCH its hue is 262 degrees, its lightness 52.1% and its chroma 0.241.