#8933ad
#bd44e4
#fff8b0
#f6c233
#cc8316
Color Palette
October
by Colorffy Team
About
Purple
Orange
Yellow
halloween
traditions
Main Actions
#8933ad
#bd44e4
#fff8b0
#f6c233
#cc8316
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 |
|---|---|---|---|---|---|---|---|
| | #8933ad | rgb(53.7% 20% 67.8%) | hwb(280 20% 32%) | oklab(49.9% 0.133 -0.138) | oklch(49.9% 0.192 314) | color(display-p3 0.497 0.222 0.655) | |
| | #bd44e4 | rgb(74.1% 26.7% 89.4%) | hwb(290 27% 11%) | oklab(62.1% 0.175 -0.166) | oklch(62.1% 0.241 317) | color(display-p3 0.686 0.299 0.865) | |
| | #fff8b0 | rgb(100% 97.3% 69%) | hwb(55 69% 0%) | oklab(96.8% -0.021 0.089) | oklch(96.8% 0.091 103) | color(display-p3 0.995 0.973 0.722) | |
| | #f6c233 | rgb(96.5% 76.1% 20%) | hwb(44 20% 3.5%) | oklab(83.8% 0.008 0.158) | oklch(83.8% 0.158 87.1) | color(display-p3 0.933 0.769 0.323) | |
| | #cc8316 | rgb(80% 51.4% 8.63%) | hwb(36 8.6% 20%) | oklab(67% 0.05 0.131) | oklch(67% 0.14 69.2) | color(display-p3 0.759 0.527 0.203) |
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
#8933ad
AA - 6.68
Lc -87
#bd44e4
Fail - 4.1
Lc -73
#fff8b0
Fail - 1.08
Lc 0
#f6c233
Fail - 1.65
Lc -32
#cc8316
Fail - 3.07
Lc -63
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