#8467D7
#C5B3D9
#F0E6F6
#F8F9FA
Featured
Color Palette
Lilac
by Colorffy Team
About
Purple
White
marketing
tech
Main Actions
#8467D7
#C5B3D9
#F0E6F6
#F8F9FA
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #8467d7 | rgb(51.8% 40.4% 84.3%) | hwb(260 40% 16%) | oklab(59.5% 0.063 -0.153) | oklch(59.5% 0.165 293) | color(display-p3 0.5 0.408 0.817) | |
| | #c5b3d9 | rgb(77.3% 70.2% 85.1%) | hwb(270 70% 15%) | oklab(79.4% 0.034 -0.045) | oklch(79.4% 0.056 307) | color(display-p3 0.761 0.704 0.84) | |
| | #f0e6f6 | rgb(94.1% 90.2% 96.5%) | hwb(280 90% 3.5%) | oklab(93.7% 0.016 -0.017) | oklch(93.7% 0.024 313) | color(display-p3 0.934 0.903 0.96) | |
| | #f8f9fa | rgb(97.3% 97.6% 98%) | hwb(210 97% 2%) | oklab(98.2% -0.001 -0.002) | oklch(98.2% 0.002 248) | color(display-p3 0.973 0.976 0.98) |
Click on a color value to copy it to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#8467D7
Fail - 4.28
Lc -75
#C5B3D9
Fail - 1.94
Lc -42
#F0E6F6
Fail - 1.21
Lc -12
#F8F9FA
Fail - 1.05
Lc 0
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with Protanopia
Colors preview as palette with Protanopia
UI components preview
Preview the palette in different UI components.
PWA Prompt