Skip to the color picker

#648cee color: Soft Blue

#648cee is rgb(100, 140, 238) in RGB and oklch(65.649% 0.1529 265.651) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

223°
100%

65.6%
0.153
266°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • indigo-400
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
3.22:1Hard to read
Lc -65
Black text
6.53:1Readable · AA
Lc 45

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 #648cee

#648cee is a bright blue color. In OKLCH it has 65.6% lightness, 0.153 chroma and a hue of 266°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.22:1 contrast and black text 6.53:1, so black 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: #648cee mixed with white

  1. 648cee
  2. 7398f1
  3. 81a4f3
  4. 91aff6
  5. a0bbf8
  6. afc6f9
  7. bfd2fb
  8. cfddfc
  9. dfe8fe
  10. eff4fe

Darker: #648cee mixed with black

  1. 648cee
  2. 5679cf
  3. 4867b1
  4. 3b5593
  5. 2e4377
  6. 22335c
  7. 162342
  8. 0b142a
  9. 030714
  10. 000103

Calmer: #648cee with less saturation

  1. 648cee
  2. 698de5
  3. 6d8edc
  4. 728fd3
  5. 7690ca
  6. 7b90c1
  7. 7f91b7
  8. 8491ae
  9. 8891a5
  10. 8d919b

Questions about #648cee

What color is #648cee?

#648cee is bright blue. The closest named color is Soft Blue. In RGB it is rgb(100, 140, 238), in HSL hsl(222.61, 80.23%, 66.27%) and in OKLCH oklch(65.649% 0.1529 265.651).

What colors go well with #648cee?

The complementary color of #648cee is #bb8800. For a calmer combination use the analogous colors #009de1 and #9a7be3. The triadic partners are #df665f and #49a953.

Is white or black text more readable on #648cee?

Black text reads better on #648cee: white gives a contrast ratio of 3.22:1 and black gives 6.53:1. WCAG AA asks for at least 4.5:1 for body text.

Is #648cee a warm or cool color?

#648cee is a cool color. In OKLCH its hue is 266 degrees, its lightness 65.6% and its chroma 0.153.