#2f2a17
#5a4f2c
#847541
#af9a56
#d9c06b
Color Palette
Yellow Shades
by Colorffy Team
About
Yellow
autumn
Main Actions
#2f2a17
#5a4f2c
#847541
#af9a56
#d9c06b
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 |
|---|---|---|---|---|---|---|---|
| | #2f2a17 | rgb(18.4% 16.5% 9.02%) | hwb(47 9% 82%) | oklab(28.5% -0.003 0.032) | oklch(28.5% 0.032 95.1) | color(display-p3 0.181 0.165 0.1) | |
| | #5a4f2c | rgb(35.3% 31% 17.3%) | hwb(46 17% 65%) | oklab(43% -0.002 0.054) | oklch(43% 0.054 92.5) | color(display-p3 0.346 0.311 0.191) | |
| | #847541 | rgb(51.8% 45.9% 25.5%) | hwb(47 25% 48%) | oklab(56.4% -0.005 0.073) | oklch(56.4% 0.073 93.7) | color(display-p3 0.508 0.461 0.283) | |
| | #af9a56 | rgb(68.6% 60.4% 33.7%) | hwb(46 34% 31%) | oklab(69% -0.004 0.091) | oklch(69% 0.091 92.7) | color(display-p3 0.673 0.607 0.374) | |
| | #d9c06b | rgb(85.1% 75.3% 42%) | hwb(46 42% 15%) | oklab(81.1% -0.006 0.109) | oklch(81.1% 0.109 93.4) | color(display-p3 0.835 0.756 0.466) |
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
#2f2a17
AAA - 14.34
Lc -104
#5a4f2c
AAA - 8.1
Lc -93
#847541
AA - 4.56
Lc -77
#af9a56
Fail - 2.77
Lc -59
#d9c06b
Fail - 1.79
Lc -37
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