#ffe572
#c28333
#d12f24
#992120
#243f20
Color Palette
Bells
by Colorffy Team
About
Yellow
Red
Green
winter
christmas
traditions
Main Actions
#ffe572
#c28333
#d12f24
#992120
#243f20
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 |
|---|---|---|---|---|---|---|---|
| | #ffe572 | rgb(100% 89.8% 44.7%) | hwb(49 45% 0%) | oklab(92.1% -0.016 0.137) | oklch(92.1% 0.138 96.8) | color(display-p3 0.983 0.902 0.514) | |
| | #c28333 | rgb(76.1% 51.4% 20%) | hwb(34 20% 24%) | oklab(66% 0.044 0.113) | oklch(66% 0.122 68.9) | color(display-p3 0.725 0.524 0.262) | |
| | #d12f24 | rgb(82% 18.4% 14.1%) | hwb(3.8 14% 18%) | oklab(56.3% 0.174 0.097) | oklch(56.3% 0.2 29.1) | color(display-p3 0.754 0.244 0.186) | |
| | #992120 | rgb(60% 12.9% 12.5%) | hwb(0.5 13% 40%) | oklab(44.9% 0.14 0.07) | oklch(44.9% 0.156 26.6) | color(display-p3 0.551 0.173 0.15) | |
| | #243f20 | rgb(14.1% 24.7% 12.5%) | hwb(110 13% 75%) | oklab(33.7% -0.048 0.039) | oklch(33.7% 0.062 141) | color(display-p3 0.165 0.244 0.138) |
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
#ffe572
Fail - 1.25
Lc -15
#c28333
Fail - 3.18
Lc -64
#d12f24
AA - 5.06
Lc -79
#992120
AAA - 8.09
Lc -91
#243f20
AAA - 11.62
Lc -100
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