Skip to the color picker

#678ccc color: Royal Regatta

#678ccc is rgb(103, 140, 204) in RGB and oklch(63.961% 0.10533 260.926) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

218°
100%

64%
0.105
261°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
3.39:1Hard to read
Lc -67
Black text
6.20:1Readable · AA
Lc 43

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 #678ccc

#678ccc is a soft blue color. In OKLCH it has 64% lightness, 0.105 chroma and a hue of 261°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Royal Regatta (#678bc9). In Tailwind CSS the closest color is sky-600.

More medium blue colors

Lighter: #678ccc mixed with white

  1. 678ccc
  2. 7697d2
  3. 84a3d7
  4. 93aedd
  5. a2bae2
  6. b1c5e7
  7. c0d1ec
  8. d0dcf1
  9. dfe8f6
  10. eff3fa

Darker: #678ccc mixed with black

  1. 678ccc
  2. 5979b1
  3. 4b6797
  4. 3d557e
  5. 304365
  6. 23334e
  7. 172337
  8. 0c1422
  9. 04070f
  10. 000102

Calmer: #678ccc with less saturation

  1. 678ccc
  2. 6b8cc6
  3. 6f8dc0
  4. 738db9
  5. 768db3
  6. 7a8dad
  7. 7e8da6
  8. 818da0
  9. 858c99
  10. 888c93

Questions about #678ccc

What color is #678ccc?

#678ccc is soft blue. The closest named color is Royal Regatta. In RGB it is rgb(103, 140, 204), in HSL hsl(218.02, 49.75%, 60.2%) and in OKLCH oklch(63.961% 0.10533 260.926).

What colors go well with #678ccc?

The complementary color of #678ccc is #ad8538. For a calmer combination use the analogous colors #3b97c0 and #8c80c7. The triadic partners are #c47170 and #679c5e.

Is white or black text more readable on #678ccc?

White text reads better on #678ccc: white gives a contrast ratio of 3.39:1 and black gives 6.2:1. WCAG AA asks for at least 4.5:1 for body text.

Is #678ccc a warm or cool color?

#678ccc is a cool color. In OKLCH its hue is 261 degrees, its lightness 64% and its chroma 0.105.