Skip to the color picker

#caaef5 color: Teasel Dipsacus

#caaef5 is rgb(202, 174, 245) in RGB and oklch(79.988% 0.10269 302.212) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

264°
100%

80%
0.103
302°
  • Purple
  • Light
  • Vivid
  • Neutral
  • ≈ Mauve
  • violet-300
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
1.93:1Hard to read
Lc -41
Black text
10.88:1Readable · AA
Lc 67

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

#caaef5 is a bright light purple color. In OKLCH it has 80% lightness, 0.103 chroma and a hue of 302°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.93:1 contrast and black text 10.88: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: #caaef5 mixed with white

  1. caaef5
  2. cfb6f6
  3. d4bef8
  4. dac6f9
  5. dfcefa
  6. e4d7fb
  7. e9dffc
  8. efe7fd
  9. f4effe
  10. faf7fe

Darker: #caaef5 mixed with black

  1. caaef5
  2. af97d5
  3. 9580b6
  4. 7c6a98
  5. 64557b
  6. 4d415f
  7. 372e44
  8. 221c2b
  9. 0f0b15
  10. 020103

Calmer: #caaef5 with less saturation

  1. caaef5
  2. c9b0f0
  3. c7b2ea
  4. c6b3e5
  5. c5b5df
  6. c4b6da
  7. c2b8d4
  8. c1b9cf
  9. c0bbc9
  10. bfbcc3

Questions about #caaef5

What color is #caaef5?

#caaef5 is bright light purple. The closest named color is Teasel Dipsacus. In RGB it is rgb(202, 174, 245), in HSL hsl(263.66, 78.02%, 82.16%) and in OKLCH oklch(79.988% 0.10269 302.212).

What colors go well with #caaef5?

The complementary color of #caaef5 is #b2c97d. For a calmer combination use the analogous colors #a7baff and #e5a5db. The triadic partners are #edaf77 and #68d3c3.

Is white or black text more readable on #caaef5?

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

Is #caaef5 a warm or cool color?

#caaef5 is a neutral color. In OKLCH its hue is 302 degrees, its lightness 80% and its chroma 0.103.