Skip to the color picker

#5746e9 color: Purplish Blue

#5746e9 is rgb(87, 70, 233) in RGB and oklch(51.986% 0.23321 279.204) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

246°
100%

52%
0.233
279°
  • Indigo
  • Medium
  • Vivid
  • Cool
  • ≈ Royal blue
  • indigo-600
  • Black 9%

Inside sRGB: displays the same on any screen.

White text
6.07:1Readable · AA
Lc -85
Black text
3.46:1Hard to read
Lc 25

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 #5746e9

#5746e9 is a bright indigo color. In OKLCH it has 52% lightness, 0.233 chroma and a hue of 279°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Purplish Blue (#6140ef). In Tailwind CSS the closest color is indigo-600.

More medium indigo colors

Lighter: #5746e9 mixed with white

Darker: #5746e9 mixed with black

Calmer: #5746e9 with less saturation

Similar named colors

Colors that go with #5746e9

Complementary
Analogous
Triadic
Split

Questions about #5746e9

What color is #5746e9?

#5746e9 is bright indigo. The closest named color is Purplish Blue. In RGB it is rgb(87, 70, 233), in HSL hsl(246.26, 78.74%, 59.41%) and in OKLCH oklch(51.986% 0.23321 279.204).

What colors go well with #5746e9?

The complementary color of #5746e9 is #7b6900. For a calmer combination use the analogous colors #006aca and #9028cb. The triadic partners are #be2800 and #008149.

Is white or black text more readable on #5746e9?

White text reads better on #5746e9: white gives a contrast ratio of 6.07:1 and black gives 3.46:1. WCAG AA asks for at least 4.5:1 for body text.

Is #5746e9 a warm or cool color?

#5746e9 is a cool color. In OKLCH its hue is 279 degrees, its lightness 52% and its chroma 0.233.