Skip to the color picker

#c4affa color: Teasel Dipsacus

#c4affa is rgb(196, 175, 250) in RGB and oklch(79.871% 0.10655 296.778) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

257°
100%

79.9%
0.107
297°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Mauve
  • violet-300
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.93:1Hard to read
Lc -41
Black text
10.86: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 #c4affa

#c4affa is a bright light violet color. In OKLCH it has 79.9% lightness, 0.107 chroma and a hue of 297°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.93:1 contrast and black text 10.86: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 violet colors

Lighter: #c4affa mixed with white

  1. c4affa
  2. cab7fb
  3. cfbffc
  4. d5c7fd
  5. dbcffd
  6. e1d7fe
  7. e7dffe
  8. ede7ff
  9. f3efff
  10. f9f7ff

Darker: #c4affa mixed with black

  1. c4affa
  2. aa98d9
  3. 9181ba
  4. 786b9b
  5. 61567d
  6. 4a4161
  7. 352e46
  8. 211c2d
  9. 0e0b15
  10. 020103

Calmer: #c4affa with less saturation

  1. c4affa
  2. c3b1f4
  3. c2b2ee
  4. c2b4e8
  5. c1b5e2
  6. c0b7dc
  7. c0b8d6
  8. bfb9d0
  9. bebbca
  10. bebcc3

Questions about #c4affa

What color is #c4affa?

#c4affa is bright light violet. The closest named color is Teasel Dipsacus. In RGB it is rgb(196, 175, 250), in HSL hsl(256.8, 88.24%, 83.33%) and in OKLCH oklch(79.871% 0.10655 296.778).

What colors go well with #c4affa?

The complementary color of #c4affa is #b9c675. For a calmer combination use the analogous colors #9ebcff and #e2a5e1. The triadic partners are #f2ac78 and #68d4bc.

Is white or black text more readable on #c4affa?

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

Is #c4affa a warm or cool color?

#c4affa is a cool color. In OKLCH its hue is 297 degrees, its lightness 79.9% and its chroma 0.107.