Skip to the color picker

#6786e2 color: Soft Blue

#6786e2 is rgb(103, 134, 226) in RGB and oklch(63.889% 0.14262 268.166) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

225°
100%

63.9%
0.143
268°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • indigo-400
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
3.45:1Hard to read
Lc -67
Black text
6.08:1Readable · AA
Lc 42

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 #6786e2

#6786e2 is a bright blue color. In OKLCH it has 63.9% lightness, 0.143 chroma and a hue of 268°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Soft Blue (#6488ea). In Tailwind CSS the closest color is indigo-400.

More medium blue colors

Lighter: #6786e2 mixed with white

  1. 6786e2
  2. 7592e6
  3. 839fe9
  4. 92abed
  5. a1b7f0
  6. b0c3f3
  7. c0cff6
  8. cfdbf9
  9. dfe7fb
  10. eff3fd

Darker: #6786e2 mixed with black

  1. 6786e2
  2. 5974c4
  3. 4b62a8
  4. 3d518c
  5. 304071
  6. 233057
  7. 17213e
  8. 0c1327
  9. 040612
  10. 000103

Calmer: #6786e2 with less saturation

  1. 6786e2
  2. 6b87da
  3. 6e88d1
  4. 7289c9
  5. 768ac0
  6. 798bb8
  7. 7d8baf
  8. 818ba7
  9. 848c9e
  10. 888c95

Questions about #6786e2

What color is #6786e2?

#6786e2 is bright blue. The closest named color is Soft Blue. In RGB it is rgb(103, 134, 226), in HSL hsl(224.88, 67.96%, 64.51%) and in OKLCH oklch(63.889% 0.14262 268.166).

What colors go well with #6786e2?

The complementary color of #6786e2 is #b08500. For a calmer combination use the analogous colors #0096d8 and #9776d6. The triadic partners are #d46559 and #43a358.

Is white or black text more readable on #6786e2?

White text reads better on #6786e2: white gives a contrast ratio of 3.45:1 and black gives 6.08:1. WCAG AA asks for at least 4.5:1 for body text.

Is #6786e2 a warm or cool color?

#6786e2 is a cool color. In OKLCH its hue is 268 degrees, its lightness 63.9% and its chroma 0.143.