Named color · #B666D2
Rich Lilac
Rich Lilac is #B666D2: rgb(182 102 210), hsl(284 55% 61%), oklch(0.643 0.174 316.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Rich Lilac color name →
#B666D2
oklch(0.643 0.174 316.7)
Color conversions
- HEX
- #b666d2
- RGB
- rgb(182 102 210)
- HSL
- hsl(284 55% 61%)
- HWB
- hwb(284 40% 18%)
- OKLCH
- oklch(0.643 0.174 316.7)
- OKLab
- oklab(0.643 0.126 -0.119)
- CIE Lab
- lab(55.93 45.74 -42.9)
- LCH
- lch(55.93 62.71 316.8)
- CMYK
- cmyk(13% 51% 0% 18%)
Tints · Shades · Tones
Tints
- BE76D7
- C586DC
- CD95E1
- D4A4E6
- DBB4EB
- E3C3EF
- EAD2F3
- F1E1F7
- F8F0FB
Shades
- 9E58B6
- 864A9B
- 6F3C81
- 592F68
- 442350
- 301739
- 1D0C24
- 0C0410
- 020002
Tones
- B16ACA
- AC6DC2
- A671BA
- A173B2
- 9C76AA
- 9678A1
- 917B99
- 8B7D91
- 867E89
Color harmonies
Complementary +180°
- B666D2
Rich Lilac
- 55A428
≈ Lawn Green
Analogous -30° +30°
- B666D2
Rich Lilac
- 8878F0
≈ Hera Blue
- D459A2
≈ Sugar Rush
Triadic +120° +240°
- B666D2
Rich Lilac
- BA8000
≈ Guo Tie Dumpling
- 00A1A4
≈ Pleasant Stream
Split-complementary +150° +210°
- B666D2
Rich Lilac
- 989200
≈ Smoothie Green
- 00A67B
≈ Active Green
Tetradic +90° +180° +270°
- B666D2
Rich Lilac
- DE6310
≈ Tiger Moth Orange
- 55A428
≈ Lawn Green
- 009BC7
≈ Isle of Capri
Contrast & accessibility
Ag
FailOn white
WCAG 3.60:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.82:1 · APCA Lc 38
Best text color: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--rich-lilac: #b666d2;
--rich-lilac-rgb: 182 102 210;
--rich-lilac-oklch: oklch(0.643 0.174 316.7);
}
.element {
color: var(--rich-lilac);
background-color: hsl(284 55% 61%);
border-color: oklch(0.643 0.174 316.7);
}Tailwind CSS v4
@theme {
--color-rich-lilac: #b666d2;
--color-rich-lilac-50: #ffe6ff;
--color-rich-lilac-100: #ffd6ff;
--color-rich-lilac-200: #f4bdff;
--color-rich-lilac-300: #dd99f0;
--color-rich-lilac-400: #c77ae2;
--color-rich-lilac-500: #b259d1;
--color-rich-lilac-600: #974cb0;
--color-rich-lilac-700: #793d8e;
--color-rich-lilac-800: #582c6b;
--color-rich-lilac-900: #3e1e4b;
--color-rich-lilac-950: #270d32;
}SCSS
$rich-lilac: #b666d2;
$rich-lilac-rgb: 182, 102, 210;
$rich-lilac-light: mix(#fff, $rich-lilac, 20%);
$rich-lilac-dark: mix(#000, $rich-lilac, 20%);
.element {
color: $rich-lilac;
box-shadow: 0 0 0 2px rgba($rich-lilac, 0.35);
}