Skip to the color picker

#686cbe color: Bluish Purple Anemone

#686cbe is rgb(104, 108, 190) in RGB and oklch(56.584% 0.12528 279.479) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

237°
100%

56.6%
0.125
279°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Royal blue
  • slate-500
  • Black 25%

Inside sRGB: displays the same on any screen.

White text
4.69:1Readable · AA
Lc -78
Black text
4.48:1Hard to read
Lc 32

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 #686cbe

#686cbe is a soft indigo color. In OKLCH it has 56.6% lightness, 0.125 chroma and a hue of 279°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Bluish Purple Anemone (#6666bb). In Tailwind CSS the closest color is slate-500.

More medium indigo colors

Lighter: #686cbe mixed with white

  1. 686cbe
  2. 757bc5
  3. 8389cc
  4. 9298d3
  5. a0a6da
  6. afb5e1
  7. bfc3e7
  8. ced2ed
  9. dee1f3
  10. eff0f9

Darker: #686cbe mixed with black

  1. 686cbe
  2. 595da5
  3. 4b4e8c
  4. 3e4075
  5. 30325e
  6. 242548
  7. 181933
  8. 0c0d1f
  9. 04040d
  10. 000002

Calmer: #686cbe with less saturation

  1. 686cbe
  2. 696eb7
  3. 6a6fb0
  4. 6b70a9
  5. 6d71a2
  6. 6e729b
  7. 707394
  8. 71748d
  9. 737585
  10. 74767e

Questions about #686cbe

What color is #686cbe?

#686cbe is soft indigo. The closest named color is Bluish Purple Anemone. In RGB it is rgb(104, 108, 190), in HSL hsl(237.21, 39.81%, 57.65%) and in OKLCH oklch(56.584% 0.12528 279.479).

What colors go well with #686cbe?

The complementary color of #686cbe is #887600. For a calmer combination use the analogous colors #327abc and #8c5fad. The triadic partners are #b2593a and #108c5b.

Is white or black text more readable on #686cbe?

White text reads better on #686cbe: white gives a contrast ratio of 4.69:1 and black gives 4.48:1. WCAG AA asks for at least 4.5:1 for body text.

Is #686cbe a warm or cool color?

#686cbe is a cool color. In OKLCH its hue is 279 degrees, its lightness 56.6% and its chroma 0.125.