Skip to the color picker

#ccabfd color: Purple Hepatica

#ccabfd is rgb(204, 171, 253) in RGB and oklch(79.958% 0.1184 302.281) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

264°
100%

80%
0.118
302°
  • Purple
  • Light
  • Vivid
  • Neutral
  • ≈ Mauve
  • violet-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.94:1Hard to read
Lc -42
Black text
10.81: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 #ccabfd

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

Inside sRGB: displays the same on any screen.

White text on it reaches 1.94:1 contrast and black text 10.81:1, so black text reads better.

The closest named color is Purple Hepatica (#ccaaff). In Tailwind CSS the closest color is violet-300.

More light purple colors

Lighter: #ccabfd mixed with white

  1. ccabfd
  2. d1b4fe
  3. d6bcfe
  4. dbc4ff
  5. e0cdff
  6. e5d5ff
  7. eadeff
  8. efe6ff
  9. f5eeff
  10. faf7ff

Darker: #ccabfd mixed with black

  1. ccabfd
  2. b194dc
  3. 977ebc
  4. 7e689d
  5. 65547f
  6. 4e4062
  7. 372d47
  8. 221b2d
  9. 0f0b16
  10. 020103

Calmer: #ccabfd with less saturation

  1. ccabfd
  2. caadf7
  3. c9aff1
  4. c7b1ea
  5. c6b3e4
  6. c5b5de
  7. c3b7d8
  8. c2b9d1
  9. c0bacb
  10. bfbcc4

Questions about #ccabfd

What color is #ccabfd?

#ccabfd is bright light purple. The closest named color is Purple Hepatica. In RGB it is rgb(204, 171, 253), in HSL hsl(264.15, 95.35%, 83.14%) and in OKLCH oklch(79.958% 0.1184 302.281).

What colors go well with #ccabfd?

The complementary color of #ccabfd is #b0ca71. For a calmer combination use the analogous colors #a3b9ff and #eba1df. The triadic partners are #f4ac6a and #52d6c4.

Is white or black text more readable on #ccabfd?

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

Is #ccabfd a warm or cool color?

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