Skip to the color picker

#caaaf0 color: Teasel Dipsacus

#caaaf0 is rgb(202, 170, 240) in RGB and oklch(79.05% 0.10284 305.066) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

267°
100%

79.1%
0.103
305°
  • Purple
  • Light
  • Vivid
  • Neutral
  • ≈ Plum
  • violet-300
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
2.00:1Hard to read
Lc -43
Black text
10.52:1Readable · AA
Lc 65

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

#caaaf0 is a bright light purple color. In OKLCH it has 79.1% lightness, 0.103 chroma and a hue of 305°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2:1 contrast and black text 10.52:1, so black text reads better.

The closest named color is Teasel Dipsacus (#ceaefa). In Tailwind CSS the closest color is violet-300.

More light purple colors

Lighter: #caaaf0 mixed with white

  1. caaaf0
  2. cfb3f2
  3. d4bbf4
  4. dac4f5
  5. dfccf7
  6. e4d4f9
  7. e9ddfa
  8. efe5fb
  9. f4eefd
  10. faf6fe

Darker: #caaaf0 mixed with black

  1. caaaf0
  2. af93d1
  3. 957db2
  4. 7c6895
  5. 645378
  6. 4d3f5d
  7. 372d43
  8. 221b2a
  9. 0f0b14
  10. 020103

Calmer: #caaaf0 with less saturation

  1. caaaf0
  2. c8aceb
  3. c7aee6
  4. c5b0e0
  5. c4b1db
  6. c2b3d6
  7. c1b5d0
  8. bfb6cb
  9. beb8c6
  10. bcb9c0

Questions about #caaaf0

What color is #caaaf0?

#caaaf0 is bright light purple. The closest named color is Teasel Dipsacus. In RGB it is rgb(202, 170, 240), in HSL hsl(267.43, 70%, 80.39%) and in OKLCH oklch(79.05% 0.10284 305.066).

What colors go well with #caaaf0?

The complementary color of #caaaf0 is #abc77c. For a calmer combination use the analogous colors #a7b6fd and #e4a2d5. The triadic partners are #e9ad72 and #63d0c3.

Is white or black text more readable on #caaaf0?

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

Is #caaaf0 a warm or cool color?

#caaaf0 is a neutral color. In OKLCH its hue is 305 degrees, its lightness 79.1% and its chroma 0.103.