Skip to the color picker

#caaffa color: Teasel Dipsacus

#caaffa is rgb(202, 175, 250) in RGB and oklch(80.381% 0.10759 300.527) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

262°
100%

80.4%
0.108
301°
  • Purple
  • Light
  • Vivid
  • Neutral
  • ≈ Mauve
  • violet-300
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.90:1Hard to read
Lc -41
Black text
11.02:1Readable · AA
Lc 68

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

#caaffa is a bright light purple color. In OKLCH it has 80.4% lightness, 0.108 chroma and a hue of 301°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.9:1 contrast and black text 11.02: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: #caaffa mixed with white

  1. caaffa
  2. cfb7fb
  3. d4bffc
  4. d9c7fc
  5. dfcffd
  6. e4d7fe
  7. e9dffe
  8. efe7ff
  9. f4efff
  10. faf7ff

Darker: #caaffa mixed with black

  1. caaffa
  2. af98d9
  3. 9581ba
  4. 7c6b9b
  5. 64567d
  6. 4d4161
  7. 372e46
  8. 221c2d
  9. 0f0b15
  10. 020103

Calmer: #caaffa with less saturation

  1. caaffa
  2. c9b1f4
  3. c8b3ef
  4. c6b4e9
  5. c5b6e3
  6. c4b8dd
  7. c3b9d7
  8. c2bbd1
  9. c1bccb
  10. c0bdc5

Questions about #caaffa

What color is #caaffa?

#caaffa is bright light purple. The closest named color is Teasel Dipsacus. In RGB it is rgb(202, 175, 250), in HSL hsl(261.6, 88.24%, 83.33%) and in OKLCH oklch(80.381% 0.10759 300.527).

What colors go well with #caaffa?

The complementary color of #caaffa is #b5ca79. For a calmer combination use the analogous colors #a5bbff and #e7a5e0. The triadic partners are #f2ae76 and #65d6c2.

Is white or black text more readable on #caaffa?

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

Is #caaffa a warm or cool color?

#caaffa is a neutral color. In OKLCH its hue is 301 degrees, its lightness 80.4% and its chroma 0.108.