Skip to the color picker

#aaa3f0 color: Bright light violet

#aaa3f0 is rgb(170, 163, 240) in RGB and oklch(75.048% 0.10978 287.607) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

245°
100%

75%
0.110
288°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Lilac
  • indigo-300
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
2.28:1Hard to read
Lc -50
Black text
9.21:1Readable · AA
Lc 59

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 #aaa3f0

#aaa3f0 is a bright light violet color. In OKLCH it has 75% lightness, 0.11 chroma and a hue of 288°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.28:1 contrast and black text 9.21:1, so black text reads better.

The closest named color is Cold Lips (#9ba0ef). In Tailwind CSS the closest color is indigo-300.

More light violet colors

Lighter: #aaa3f0 mixed with white

  1. aaa3f0
  2. b2acf2
  3. bab5f4
  4. c2bff6
  5. cbc8f7
  6. d3d1f9
  7. dcdafa
  8. e4e3fc
  9. ededfd
  10. f6f6fe

Darker: #aaa3f0 mixed with black

  1. aaa3f0
  2. 938dd1
  3. 7d78b2
  4. 686395
  5. 534f78
  6. 3f3c5d
  7. 2d2a43
  8. 1b192a
  9. 0b0a14
  10. 010103

Calmer: #aaa3f0 with less saturation

  1. aaa3f0
  2. aaa4ea
  3. aaa6e3
  4. aba7dd
  5. aba8d6
  6. aba9d0
  7. acaac9
  8. acabc2
  9. adacbc
  10. adadb5

Questions about #aaa3f0

What color is #aaa3f0?

#aaa3f0 is bright light violet. The closest named color is Bright light violet. In RGB it is rgb(170, 163, 240), in HSL hsl(245.45, 71.96%, 79.02%) and in OKLCH oklch(75.048% 0.10978 287.607).

What colors go well with #aaa3f0?

The complementary color of #aaa3f0 is #b5b35d. For a calmer combination use the analogous colors #82b0f3 and #cb98dc. The triadic partners are #e79870 and #5fc4a0.

Is white or black text more readable on #aaa3f0?

Black text reads better on #aaa3f0: white gives a contrast ratio of 2.28:1 and black gives 9.21:1. WCAG AA asks for at least 4.5:1 for body text.

Is #aaa3f0 a warm or cool color?

#aaa3f0 is a cool color. In OKLCH its hue is 288 degrees, its lightness 75% and its chroma 0.11.