#B8860B
#DAA520
#eecb72
#FFF8DC
#FFFFFF
Featured
Color Palette
New Year
by Colorffy Team
About
Yellow
White
misc
marketing
education
traditions
Main Actions
#B8860B
#DAA520
#eecb72
#FFF8DC
#FFFFFF
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 |
|---|---|---|---|---|---|---|---|
| | #b8860b | rgb(72.2% 52.5% 4.31%) | hwb(43 4.3% 28%) | oklab(65.2% 0.019 0.131) | oklch(65.2% 0.132 81.6) | color(display-p3 0.692 0.534 0.185) | |
| | #daa520 | rgb(85.5% 64.7% 12.5%) | hwb(43 13% 15%) | oklab(75.2% 0.015 0.146) | oklch(75.2% 0.147 84) | color(display-p3 0.823 0.655 0.254) | |
| | #eecb72 | rgb(93.3% 79.6% 44.7%) | hwb(43 45% 6.7%) | oklab(85.4% 0.003 0.115) | oklch(85.4% 0.115 88.4) | color(display-p3 0.911 0.801 0.497) | |
| | #fff8dc | rgb(100% 97.3% 86.3%) | hwb(48 86% 0%) | oklab(97.7% -0.004 0.037) | oklch(97.7% 0.037 95.4) | color(display-p3 0.995 0.973 0.874) | |
| | #fff | rgb(100% 100% 100%) | hwb(none 100% 0%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
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
#B8860B
Fail - 3.25
Lc -65
#DAA520
Fail - 2.23
Lc -49
#eecb72
Fail - 1.56
Lc -29
#FFF8DC
Fail - 1.06
Lc 0
#FFFFFF
Fail - 1
Lc 0
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