#ff4f62
#ffcb3b
#511d46
#343b3d
#1e2425
Color Palette
Burn
by Colorffy Team
About
Red
Grey
Main Actions
#ff4f62
#ffcb3b
#511d46
#343b3d
#1e2425
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 |
|---|---|---|---|---|---|---|---|
| | #ff4f62 | rgb(100% 31% 38.4%) | hwb(350 31% 0%) | oklab(67.8% 0.2 0.068) | oklch(67.8% 0.211 18.9) | color(display-p3 0.924 0.364 0.402) | |
| | #ffcb3b | rgb(100% 79.6% 23.1%) | hwb(44 23% 0%) | oklab(86.5% 0.007 0.16) | oklch(86.5% 0.16 87.6) | color(display-p3 0.968 0.804 0.349) | |
| | #511d46 | rgb(31.8% 11.4% 27.5%) | hwb(310 11% 68%) | oklab(32.6% 0.088 -0.038) | oklch(32.6% 0.096 337) | color(display-p3 0.293 0.126 0.267) | |
| | #343b3d | rgb(20.4% 23.1% 23.9%) | hwb(190 20% 76%) | oklab(34.7% -0.008 -0.006) | oklch(34.7% 0.01 217) | color(display-p3 0.209 0.231 0.238) | |
| | #1e2425 | rgb(11.8% 14.1% 14.5%) | hwb(190 12% 85%) | oklab(25.5% -0.008 -0.004) | oklch(25.5% 0.009 209) | color(display-p3 0.122 0.14 0.144) |
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
#ff4f62
Fail - 3.2
Lc -63
#ffcb3b
Fail - 1.51
Lc -27
#511d46
AAA - 13.01
Lc -102
#343b3d
AAA - 11.41
Lc -100
#1e2425
AAA - 15.73
Lc -105
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