Skip to the color picker

#686fea color: If I Could Fly

#686fea is rgb(104, 111, 234) in RGB and oklch(59.979% 0.18244 276.935) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

237°
100%

60%
0.182
277°
  • Indigo
  • Medium
  • Vivid
  • Cool
  • ≈ Royal blue
  • indigo-500
  • Black 8%

Inside sRGB: displays the same on any screen.

White text
4.16:1Hard to read
Lc -74
Black text
5.05:1Readable · AA
Lc 36

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 #686fea

#686fea is a bright indigo color. In OKLCH it has 60% lightness, 0.182 chroma and a hue of 277°.

Inside sRGB: displays the same on any screen.

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

The closest named color is If I Could Fly (#6d68ed). In Tailwind CSS the closest color is indigo-500.

More medium indigo colors

Lighter: #686fea mixed with white

  1. 686fea
  2. 757fed
  3. 828ef1
  4. 919cf4
  5. 9fabf6
  6. aeb9f9
  7. bec7fb
  8. ced5fc
  9. dee3fe
  10. eef1fe

Darker: #686fea mixed with black

  1. 686fea
  2. 5960cb
  3. 4b51ae
  4. 3e4291
  5. 303475
  6. 24275a
  7. 181a41
  8. 0c0e29
  9. 040413
  10. 000103

Calmer: #686fea with less saturation

  1. 686fea
  2. 6a72e0
  3. 6c75d5
  4. 6e77cb
  5. 7079c1
  6. 727bb6
  7. 757cac
  8. 777ea1
  9. 7a7f96
  10. 7d7f8b

Questions about #686fea

What color is #686fea?

#686fea is bright indigo. The closest named color is If I Could Fly. In RGB it is rgb(104, 111, 234), in HSL hsl(236.77, 75.58%, 66.27%) and in OKLCH oklch(59.979% 0.18244 276.935).

What colors go well with #686fea?

The complementary color of #686fea is #997f00. For a calmer combination use the analogous colors #0084e5 and #9d5bd3. The triadic partners are #d64b1f and #009c54.

Is white or black text more readable on #686fea?

White text reads better on #686fea: white gives a contrast ratio of 4.16:1 and black gives 5.05:1. WCAG AA asks for at least 4.5:1 for body text.

Is #686fea a warm or cool color?

#686fea is a cool color. In OKLCH its hue is 277 degrees, its lightness 60% and its chroma 0.182.