Named color · #86608E
Swiss Lilac
Swiss Lilac is #86608E: rgb(134 96 142), hsl(290 19% 47%), oklch(0.545 0.083 320.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Swiss Lilac color name →
#86608E
oklch(0.545 0.083 320.5)
Color conversions
- HEX
- #86608e
- RGB
- rgb(134 96 142)
- HSL
- hsl(290 19% 47%)
- HWB
- hwb(290 38% 44%)
- OKLCH
- oklch(0.545 0.083 320.5)
- OKLab
- oklab(0.545 0.064 -0.053)
- CIE Lab
- lab(46.08 22.18 -19.27)
- LCH
- lch(46.08 29.38 319)
- CMYK
- cmyk(6% 32% 0% 44%)
Tints · Shades · Tones
Tints
- 926F99
- 9E7EA4
- A98EAF
- B59DBA
- C1ADC6
- CEBDD1
- DACDDC
- E6DEE8
- F3EEF3
Shades
- 74527B
- 624568
- 513856
- 402C44
- 302034
- 211524
- 130A15
- 060307
- 010001
Tones
- 86638D
- 85678B
- 856A8A
- 846D89
- 847187
- 837486
- 827785
- 827A83
- 817D82
Color harmonies
Complementary +180°
- 86608E
Swiss Lilac
- 557C4E
≈ Autumn Fern
Analogous -30° +30°
- 86608E
Swiss Lilac
- 70689D
≈ Pandora
- 955C77
≈ Glitz and Glamour
Triadic +120° +240°
- 86608E
Swiss Lilac
- 896B33
≈ Aged Antics
- 227F84
≈ Jade Jewel
Split-complementary +150° +210°
- 86608E
Swiss Lilac
- 737538
≈ Crocodile Style
- 358069
≈ Green Belt
Tetradic +90° +180° +270°
- 86608E
Swiss Lilac
- 976242
≈ Natural Cork
- 557C4E
≈ Autumn Fern
- 357997
≈ Blue Dart Frog
Contrast & accessibility
Ag
AAOn white
WCAG 5.15:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.07:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.15:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--swiss-lilac: #86608e;
--swiss-lilac-rgb: 134 96 142;
--swiss-lilac-oklch: oklch(0.545 0.083 320.5);
}
.element {
color: var(--swiss-lilac);
background-color: hsl(290 19% 47%);
border-color: oklch(0.545 0.083 320.5);
}Tailwind CSS v4
@theme {
--color-swiss-lilac: #86608e;
--color-swiss-lilac-50: #ffeeff;
--color-swiss-lilac-100: #f6dff9;
--color-swiss-lilac-200: #e6c9e9;
--color-swiss-lilac-300: #ccaad1;
--color-swiss-lilac-400: #b58fbd;
--color-swiss-lilac-500: #9f74a8;
--color-swiss-lilac-600: #86628e;
--color-swiss-lilac-700: #6c4e72;
--color-swiss-lilac-800: #4f3955;
--color-swiss-lilac-900: #37273b;
--color-swiss-lilac-950: #211525;
}SCSS
$swiss-lilac: #86608e;
$swiss-lilac-rgb: 134, 96, 142;
$swiss-lilac-light: mix(#fff, $swiss-lilac, 20%);
$swiss-lilac-dark: mix(#000, $swiss-lilac, 20%);
.element {
color: $swiss-lilac;
box-shadow: 0 0 0 2px rgba($swiss-lilac, 0.35);
}