Skip to the color picker

#648df3 color: Soft Blue

#648df3 is rgb(100, 141, 243) in RGB and oklch(66.149% 0.15848 265.761) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

223°
100%

66.1%
0.158
266°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • indigo-400
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
3.16:1Hard to read
Lc -64
Black text
6.65:1Readable · AA
Lc 46

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

#648df3 is a bright blue color. In OKLCH it has 66.1% lightness, 0.158 chroma and a hue of 266°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.16:1 contrast and black text 6.65: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: #648df3 mixed with white

  1. 648df3
  2. 7399f5
  3. 81a5f7
  4. 91b0f9
  5. a0bcfb
  6. afc7fc
  7. bfd2fd
  8. cfdefe
  9. dfe9ff
  10. eff4ff

Darker: #648df3 mixed with black

  1. 648df3
  2. 567ad3
  3. 4867b4
  4. 3b5597
  5. 2e447a
  6. 22335e
  7. 162344
  8. 0b142b
  9. 030714
  10. 000103

Calmer: #648df3 with less saturation

  1. 648df3
  2. 698eea
  3. 6e90e0
  4. 7290d7
  5. 7791cd
  6. 7c92c4
  7. 8092ba
  8. 8593b1
  9. 8993a7
  10. 8e939d

Questions about #648df3

What color is #648df3?

#648df3 is bright blue. The closest named color is Soft Blue. In RGB it is rgb(100, 141, 243), in HSL hsl(222.8, 85.63%, 67.25%) and in OKLCH oklch(66.149% 0.15848 265.761).

What colors go well with #648df3?

The complementary color of #648df3 is #bc8900. For a calmer combination use the analogous colors #009fe5 and #9c7be8. The triadic partners are #e3655e and #46ab52.

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

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

Is #648df3 a warm or cool color?

#648df3 is a cool color. In OKLCH its hue is 266 degrees, its lightness 66.1% and its chroma 0.158.