Named color · #C4ADC9
Purple Chalk
Purple Chalk is #C4ADC9: rgb(196 173 201), hsl(289 21% 73%), oklch(0.776 0.047 320.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Purple Chalk color name →
#C4ADC9
oklch(0.776 0.047 320.2)
Color conversions
- HEX
- #c4adc9
- RGB
- rgb(196 173 201)
- HSL
- hsl(289 21% 73%)
- HWB
- hwb(289 68% 21%)
- OKLCH
- oklch(0.776 0.047 320.2)
- OKLab
- oklab(0.776 0.036 -0.03)
- CIE Lab
- lab(73.4 12.34 -11.1)
- LCH
- lch(73.4 16.6 318)
- CMYK
- cmyk(2% 14% 0% 21%)
Tints · Shades · Tones
Tints
- CAB5CE
- D0BDD4
- D6C5D9
- DBCDDE
- E1D5E4
- E7DEE9
- EDE6EF
- F3EEF4
- F9F7FA
Shades
- AA96AE
- 917F95
- 786A7C
- 615564
- 4A414C
- 352D36
- 211B22
- 0E0B0F
- 020102
Tones
- BDA8C1
- B6A4BA
- AF9FB3
- A89BAB
- A196A4
- 9B929D
- 948D95
- 8D898E
- 878487
Color harmonies
Complementary +180°
- C4ADC9
Purple Chalk
- A7BEA2
≈ Bryophyte
Analogous -30° +30°
- C4ADC9
Purple Chalk
- B5B2D3
≈ Freesia Purple
- CEABBA
≈ Pink Potion
Triadic +120° +240°
- C4ADC9
Purple Chalk
- C6B495
≈ Barking Prairie Dog
- 94C0C2
≈ Chuff Blue
Split-complementary +150° +210°
- C4ADC9
Purple Chalk
- B7B997
≈ Bog
- 99C0B2
≈ Diorite
Tetradic +90° +180° +270°
- C4ADC9
Purple Chalk
- D0AE9C
≈ Iced Copper
- A7BEA2
≈ Bryophyte
- 98BCCF
≈ Gentle Sky
Contrast & accessibility
Ag
FailOn white
WCAG 2.06:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.16:1 · APCA Lc 62
Best text color: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--purple-chalk: #c4adc9;
--purple-chalk-rgb: 196 173 201;
--purple-chalk-oklch: oklch(0.776 0.047 320.2);
}
.element {
color: var(--purple-chalk);
background-color: hsl(289 21% 73%);
border-color: oklch(0.776 0.047 320.2);
}Tailwind CSS v4
@theme {
--color-purple-chalk: #c4adc9;
--color-purple-chalk-50: #fcf1fd;
--color-purple-chalk-100: #f0e3f1;
--color-purple-chalk-200: #decee0;
--color-purple-chalk-300: #c3b0c6;
--color-purple-chalk-400: #ab96b0;
--color-purple-chalk-500: #947c9a;
--color-purple-chalk-600: #7e6982;
--color-purple-chalk-700: #645468;
--color-purple-chalk-800: #493d4d;
--color-purple-chalk-900: #332a35;
--color-purple-chalk-950: #1f1821;
}SCSS
$purple-chalk: #c4adc9;
$purple-chalk-rgb: 196, 173, 201;
$purple-chalk-light: mix(#fff, $purple-chalk, 20%);
$purple-chalk-dark: mix(#000, $purple-chalk, 20%);
.element {
color: $purple-chalk;
box-shadow: 0 0 0 2px rgba($purple-chalk, 0.35);
}