Named color · #C2A4C2
Novel Lilac
Novel Lilac is #C2A4C2: rgb(194 164 194), hsl(300 20% 70%), oklch(0.755 0.054 326.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Novel Lilac color name →
#C2A4C2
oklch(0.755 0.054 326.1)
Color conversions
- HEX
- #c2a4c2
- RGB
- rgb(194 164 194)
- HSL
- hsl(300 20% 70%)
- HWB
- hwb(300 64% 24%)
- OKLCH
- oklch(0.755 0.054 326.1)
- OKLab
- oklab(0.755 0.045 -0.03)
- CIE Lab
- lab(70.79 15.27 -11.15)
- LCH
- lch(70.79 18.91 323.9)
- CMYK
- cmyk(0% 15% 0% 24%)
Tints · Shades · Tones
Tints
- C8ADC8
- CEB6CE
- D4BFD4
- DAC8DA
- E0D1E0
- E7DAE6
- EDE3ED
- F3ECF3
- F9F6F9
Shades
- A88EA8
- 8F798F
- 776477
- 605060
- 493D49
- 342B34
- 201A20
- 0E0A0E
- 020102
Tones
- BBA0BB
- B59DB4
- AE99AE
- A796A7
- A192A1
- 9A8E9A
- 938B93
- 8D878D
- 868486
Color harmonies
Complementary +180°
- C2A4C2
Novel Lilac
- 9AB99B
≈ Brookview
Analogous -30° +30°
- C2A4C2
Novel Lilac
- B2A9CE
≈ Wisteria-Wise
- CDA2B0
≈ Birthday Candle
Triadic +120° +240°
- C2A4C2
Novel Lilac
- BFAE89
≈ Oat Field
- 87BAC0
≈ Misty Cold Sea
Split-complementary +150° +210°
- C2A4C2
Novel Lilac
- ADB48D
≈ Sumptuous Sage
- 8BBBAE
≈ Mild Evergreen
Tetradic +90° +180° +270°
- C2A4C2
Novel Lilac
- CBA78F
≈ Primal
- 9AB99B
≈ Brookview
- 8FB5CD
≈ Sea Mark
Contrast & accessibility
Ag
FailOn white
WCAG 2.23:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.38:1 · APCA Lc 58
Best text color: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--novel-lilac: #c2a4c2;
--novel-lilac-rgb: 194 164 194;
--novel-lilac-oklch: oklch(0.755 0.054 326.1);
}
.element {
color: var(--novel-lilac);
background-color: hsl(300 20% 70%);
border-color: oklch(0.755 0.054 326.1);
}Tailwind CSS v4
@theme {
--color-novel-lilac: #c2a4c2;
--color-novel-lilac-50: #fef0fd;
--color-novel-lilac-100: #f2e2f1;
--color-novel-lilac-200: #e2cde0;
--color-novel-lilac-300: #c7aec6;
--color-novel-lilac-400: #b094b0;
--color-novel-lilac-500: #997a9a;
--color-novel-lilac-600: #826782;
--color-novel-lilac-700: #685368;
--color-novel-lilac-800: #4c3c4d;
--color-novel-lilac-900: #352936;
--color-novel-lilac-950: #201721;
}SCSS
$novel-lilac: #c2a4c2;
$novel-lilac-rgb: 194, 164, 194;
$novel-lilac-light: mix(#fff, $novel-lilac, 20%);
$novel-lilac-dark: mix(#000, $novel-lilac, 20%);
.element {
color: $novel-lilac;
box-shadow: 0 0 0 2px rgba($novel-lilac, 0.35);
}