Skip to the color picker

#676fea color: If I Could Fly

#676fea is rgb(103, 111, 234) in RGB and oklch(59.912% 0.18266 276.576) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

236°
100%

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

Inside sRGB: displays the same on any screen.

White text
4.17:1Hard to read
Lc -74
Black text
5.04: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 #676fea

#676fea is a bright indigo color. In OKLCH it has 59.9% lightness, 0.183 chroma and a hue of 277°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.17:1 contrast and black text 5.04: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: #676fea mixed with white

  1. 676fea
  2. 747fed
  3. 828ef1
  4. 909cf4
  5. 9fabf6
  6. aeb9f9
  7. bdc7fb
  8. cdd5fc
  9. dee3fe
  10. eef1fe

Darker: #676fea mixed with black

  1. 676fea
  2. 5960cb
  3. 4b51ae
  4. 3d4291
  5. 303475
  6. 23275a
  7. 171a41
  8. 0c0e29
  9. 040413
  10. 000103

Calmer: #676fea with less saturation

  1. 676fea
  2. 6972e0
  3. 6b75d5
  4. 6d77cb
  5. 6f79c1
  6. 727bb6
  7. 747cac
  8. 777da1
  9. 7a7e96
  10. 7d7f8b

Questions about #676fea

What color is #676fea?

#676fea is bright indigo. The closest named color is If I Could Fly. In RGB it is rgb(103, 111, 234), in HSL hsl(236.34, 75.72%, 66.08%) and in OKLCH oklch(59.912% 0.18266 276.576).

What colors go well with #676fea?

The complementary color of #676fea is #997e00. For a calmer combination use the analogous colors #0084e5 and #9c5bd4. The triadic partners are #d64b20 and #009c53.

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

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

Is #676fea a warm or cool color?

#676fea is a cool color. In OKLCH its hue is 277 degrees, its lightness 59.9% and its chroma 0.183.