#df4d3b
#f2614e
#f67833
#fead4b
#ffe3b2
Color Palette
October
by Colorffy Team
About
Orange
Yellow
Main Actions
#df4d3b
#f2614e
#f67833
#fead4b
#ffe3b2
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 |
|---|---|---|---|---|---|---|---|
| | #df4d3b | rgb(87.5% 30.2% 23.1%) | hwb(6.6 23% 13%) | oklab(61.9% 0.16 0.093) | oklch(61.9% 0.185 30.1) | color(display-p3 0.81 0.343 0.267) | |
| | #f2614e | rgb(94.9% 38% 30.6%) | hwb(7 31% 5.1%) | oklab(67.5% 0.158 0.091) | oklch(67.5% 0.182 30) | color(display-p3 0.882 0.417 0.337) | |
| | #f67833 | rgb(96.5% 47.1% 20%) | hwb(21 20% 3.5%) | oklab(70.9% 0.121 0.125) | oklch(70.9% 0.174 46) | color(display-p3 0.902 0.498 0.271) | |
| | #fead4b | rgb(99.6% 67.8% 29.4%) | hwb(33 29% 0.39%) | oklab(80.9% 0.055 0.135) | oklch(80.9% 0.146 67.9) | color(display-p3 0.95 0.692 0.368) | |
| | #ffe3b2 | rgb(100% 89% 69.8%) | hwb(38 70% 0%) | oklab(92.7% 0.01 0.069) | oklch(92.7% 0.07 81.5) | color(display-p3 0.982 0.894 0.721) |
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
#df4d3b
Fail - 3.99
Lc -72
#f2614e
Fail - 3.18
Lc -64
#f67833
Fail - 2.74
Lc -58
#fead4b
Fail - 1.85
Lc -39
#ffe3b2
Fail - 1.24
Lc -14
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