Skip to the color picker

#ccaef3 color: Teasel Dipsacus

#ccaef3 is rgb(204, 174, 243) in RGB and oklch(80.081% 0.10063 304.108) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

266°
100%

80.1%
0.101
304°
  • Purple
  • Light
  • Vivid
  • Neutral
  • ≈ Mauve
  • violet-300
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
1.92:1Hard to read
Lc -41
Black text
10.92: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 #ccaef3

#ccaef3 is a bright light purple color. In OKLCH it has 80.1% lightness, 0.101 chroma and a hue of 304°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.92:1 contrast and black text 10.92: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: #ccaef3 mixed with white

  1. ccaef3
  2. d1b6f5
  3. d6bef6
  4. dbc6f7
  5. e0cef9
  6. e5d7fa
  7. eadffb
  8. efe7fc
  9. f5effd
  10. faf7fe

Darker: #ccaef3 mixed with black

  1. ccaef3
  2. b197d3
  3. 9780b4
  4. 7e6a97
  5. 65557a
  6. 4e415e
  7. 372e44
  8. 221c2b
  9. 0f0b14
  10. 020103

Calmer: #ccaef3 with less saturation

  1. ccaef3
  2. cbb0ee
  3. c9b2e9
  4. c8b3e3
  5. c6b5de
  6. c5b7d9
  7. c3b8d4
  8. c2bace
  9. c1bbc9
  10. bfbcc3

Questions about #ccaef3

What color is #ccaef3?

#ccaef3 is bright light purple. The closest named color is Teasel Dipsacus. In RGB it is rgb(204, 174, 243), in HSL hsl(266.09, 74.19%, 81.76%) and in OKLCH oklch(80.081% 0.10063 304.108).

What colors go well with #ccaef3?

The complementary color of #ccaef3 is #b0c980. For a calmer combination use the analogous colors #aab9ff and #e6a6d9. The triadic partners are #ecb078 and #6ad3c5.

Is white or black text more readable on #ccaef3?

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

Is #ccaef3 a warm or cool color?

#ccaef3 is a neutral color. In OKLCH its hue is 304 degrees, its lightness 80.1% and its chroma 0.101.