#57001b
#a60024
#ffffff
#017805
#004f03
Color Palette
Christmas Day
by Colorffy Team
About
Red
Green
White
traditions
Main Actions
#57001b
#a60024
#ffffff
#017805
#004f03
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 |
|---|---|---|---|---|---|---|---|
| | #57001b | rgb(34.1% 0% 10.6%) | hwb(340 0% 66%) | oklab(29.1% 0.114 0.025) | oklch(29.1% 0.116 12.5) | color(display-p3 0.31 0.041 0.11) | |
| | #a60024 | rgb(65.1% 0% 14.1%) | hwb(350 0% 35%) | oklab(45.8% 0.171 0.068) | oklch(45.8% 0.184 21.6) | color(display-p3 0.596 0.116 0.162) | |
| | #fff | rgb(100% 100% 100%) | hwb(none 100% 0%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) | |
| | #017805 | rgb(0.392% 47.1% 1.96%) | hwb(120 0.39% 53%) | oklab(49.6% -0.133 0.101) | oklch(49.6% 0.167 143) | color(display-p3 0.202 0.463 0.128) | |
| | #004f03 | rgb(0% 31% 1.18%) | hwb(120 0% 69%) | oklab(37.1% -0.099 0.075) | oklch(37.1% 0.124 143) | color(display-p3 0.123 0.305 0.074) |
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
#57001b
AAA - 14.77
Lc -103
#a60024
AAA - 7.93
Lc -90
#ffffff
Fail - 1
Lc 0
#017805
AA - 5.69
Lc -83
#004f03
AAA - 9.9
Lc -97
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