Skip to the color picker

#ccaef4 color: Teasel Dipsacus

#ccaef4 is rgb(204, 174, 244) in RGB and oklch(80.122% 0.10191 303.803) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

266°
100%

80.1%
0.102
304°
  • Purple
  • Light
  • Vivid
  • Neutral
  • ≈ Mauve
  • violet-300
  • Black 4%

Inside sRGB: displays the same on any screen.

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

#ccaef4 is a bright light purple color. In OKLCH it has 80.1% lightness, 0.102 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.93: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: #ccaef4 mixed with white

  1. ccaef4
  2. d1b6f5
  3. d6bef7
  4. dbc6f8
  5. e0cef9
  6. e5d7fb
  7. eadffc
  8. efe7fd
  9. f5effd
  10. faf7fe

Darker: #ccaef4 mixed with black

  1. ccaef4
  2. b197d4
  3. 9780b5
  4. 7e6a97
  5. 65557a
  6. 4e415e
  7. 372e44
  8. 221c2b
  9. 0f0b14
  10. 020103

Calmer: #ccaef4 with less saturation

  1. ccaef4
  2. cbb0ef
  3. c9b2ea
  4. c8b3e4
  5. c6b5df
  6. c5b7da
  7. c3b8d4
  8. c2bacf
  9. c1bbc9
  10. bfbdc4

Questions about #ccaef4

What color is #ccaef4?

#ccaef4 is bright light purple. The closest named color is Teasel Dipsacus. In RGB it is rgb(204, 174, 244), in HSL hsl(265.71, 76.09%, 81.96%) and in OKLCH oklch(80.122% 0.10191 303.803).

What colors go well with #ccaef4?

The complementary color of #ccaef4 is #b1ca7f. For a calmer combination use the analogous colors #a9baff and #e7a5da. The triadic partners are #edb077 and #68d4c5.

Is white or black text more readable on #ccaef4?

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

Is #ccaef4 a warm or cool color?

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