Skip to the color picker

#ccaaec color: Tropical Violet

#ccaaec is rgb(204, 170, 236) in RGB and oklch(79.065% 0.09842 307.738) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

271°
100%

79.1%
0.098
308°
  • Purple
  • Light
  • Vivid
  • Neutral
  • ≈ Plum
  • violet-300
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
1.99:1Hard to read
Lc -43
Black text
10.53: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 #ccaaec

#ccaaec is a bright light purple color. In OKLCH it has 79.1% lightness, 0.098 chroma and a hue of 308°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.99:1 contrast and black text 10.53:1, so black text reads better.

The closest named color is Tropical Violet (#cda5df). In Tailwind CSS the closest color is violet-300.

More light purple colors

Lighter: #ccaaec mixed with white

  1. ccaaec
  2. d1b3ee
  3. d6bbf0
  4. dbc3f2
  5. e0ccf4
  6. e5d4f6
  7. eaddf8
  8. f0e5fa
  9. f5eefc
  10. faf6fd

Darker: #ccaaec mixed with black

  1. ccaaec
  2. b193cd
  3. 977daf
  4. 7e6892
  5. 655376
  6. 4e3f5b
  7. 372d42
  8. 221b29
  9. 0f0b13
  10. 020103

Calmer: #ccaaec with less saturation

  1. ccaaec
  2. caace7
  3. c9aee2
  4. c7afde
  5. c5b1d9
  6. c3b3d4
  7. c2b5cf
  8. c0b6ca
  9. beb8c5
  10. bcb9c0

Questions about #ccaaec

What color is #ccaaec?

#ccaaec is bright light purple. The closest named color is Tropical Violet. In RGB it is rgb(204, 170, 236), in HSL hsl(270.91, 63.46%, 79.61%) and in OKLCH oklch(79.065% 0.09842 307.738).

What colors go well with #ccaaec?

The complementary color of #ccaaec is #a9c782. For a calmer combination use the analogous colors #abb5fa and #e4a2d1. The triadic partners are #e5af74 and #67cfc6.

Is white or black text more readable on #ccaaec?

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

Is #ccaaec a warm or cool color?

#ccaaec is a neutral color. In OKLCH its hue is 308 degrees, its lightness 79.1% and its chroma 0.098.