Skip to the color picker

#668ae2 color: Soft Blue

#668ae2 is rgb(102, 138, 226) in RGB and oklch(64.656% 0.13819 265.872) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

223°
100%

64.7%
0.138
266°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • indigo-400
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
3.33:1Hard to read
Lc -66
Black text
6.30: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 #668ae2

#668ae2 is a bright blue color. In OKLCH it has 64.7% lightness, 0.138 chroma and a hue of 266°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.33:1 contrast and black text 6.3: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: #668ae2 mixed with white

  1. 668ae2
  2. 7496e6
  3. 83a2e9
  4. 92aeed
  5. a1b9f0
  6. b0c5f3
  7. c0d1f6
  8. cfdcf8
  9. dfe8fb
  10. eff3fd

Darker: #668ae2 mixed with black

  1. 668ae2
  2. 5877c4
  3. 4a65a8
  4. 3c538c
  5. 2f4271
  6. 233257
  7. 17223e
  8. 0c1427
  9. 040712
  10. 000103

Calmer: #668ae2 with less saturation

  1. 668ae2
  2. 6a8bda
  3. 6e8cd2
  4. 728dca
  5. 768dc1
  6. 7a8eb9
  7. 7e8eb1
  8. 828ea8
  9. 868ea0
  10. 8a8e97

Questions about #668ae2

What color is #668ae2?

#668ae2 is bright blue. The closest named color is Soft Blue. In RGB it is rgb(102, 138, 226), in HSL hsl(222.58, 68.13%, 64.31%) and in OKLCH oklch(64.656% 0.13819 265.872).

What colors go well with #668ae2?

The complementary color of #668ae2 is #b38600. For a calmer combination use the analogous colors #0499d6 and #967bd8. The triadic partners are #d56961 and #4fa458.

Is white or black text more readable on #668ae2?

White text reads better on #668ae2: white gives a contrast ratio of 3.33:1 and black gives 6.3:1. WCAG AA asks for at least 4.5:1 for body text.

Is #668ae2 a warm or cool color?

#668ae2 is a cool color. In OKLCH its hue is 266 degrees, its lightness 64.7% and its chroma 0.138.