Skip to the color picker

#6a67aa color: Blue Iris

#6a67aa is rgb(106, 103, 170) in RGB and oklch(54.598% 0.10304 284.48) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

243°
100%

54.6%
0.103
284°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
5.08:1Readable · AA
Lc -80
Black text
4.13:1Hard to read
Lc 29

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 #6a67aa

#6a67aa is a soft indigo color. In OKLCH it has 54.6% lightness, 0.103 chroma and a hue of 284°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Blue Iris (#6264a6). In Tailwind CSS the closest color is slate-500.

More medium indigo colors

Lighter: #6a67aa mixed with white

  1. 6a67aa
  2. 7776b3
  3. 8584bc
  4. 9393c4
  5. a2a2cd
  6. b1b1d6
  7. c0c1de
  8. cfd0e6
  9. dfdfef
  10. efeff7

Darker: #6a67aa mixed with black

  1. 6a67aa
  2. 5b5993
  3. 4d4b7d
  4. 3f3d68
  5. 313053
  6. 24233f
  7. 18172d
  8. 0d0c1b
  9. 04040b
  10. 000001

Calmer: #6a67aa with less saturation

  1. 6a67aa
  2. 6a68a4
  3. 6b6a9f
  4. 6b6b99
  5. 6c6c94
  6. 6d6d8e
  7. 6d6d88
  8. 6e6e82
  9. 6f6f7c
  10. 6f7076

Similar named colors

Colors that go with #6a67aa

Complementary
#6a67aa#7a731e
Analogous
#6a67aa#4472ab#875d9a
Triadic
#6a67aa#a15b3b#238361
Split
#6a67aa#93661e#567d3d

Questions about #6a67aa

What color is #6a67aa?

#6a67aa is soft indigo. The closest named color is Blue Iris. In RGB it is rgb(106, 103, 170), in HSL hsl(242.69, 28.27%, 53.53%) and in OKLCH oklch(54.598% 0.10304 284.48).

What colors go well with #6a67aa?

The complementary color of #6a67aa is #7a731e. For a calmer combination use the analogous colors #4472ab and #875d9a. The triadic partners are #a15b3b and #238361.

Is white or black text more readable on #6a67aa?

White text reads better on #6a67aa: white gives a contrast ratio of 5.08:1 and black gives 4.13:1. WCAG AA asks for at least 4.5:1 for body text.

Is #6a67aa a warm or cool color?

#6a67aa is a cool color. In OKLCH its hue is 284 degrees, its lightness 54.6% and its chroma 0.103.