Butter
Smooth transitions of golden tones reminiscent of a slow morning breakfast.
by Colorffy Team
About
Main Actions
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 |
|---|---|---|---|---|---|---|---|
| | #fff4bd | rgb(100% 95.7% 74.1%) | hwb(50 74% 0%) | oklab(96.3% -0.01 0.071) | oklch(96.3% 0.071 98.1) | color(display-p3 0.993 0.958 0.765) | |
| | #ffe98a | rgb(100% 91.4% 54.1%) | hwb(49 54% 0%) | oklab(93.2% -0.014 0.117) | oklch(93.2% 0.118 96.7) | color(display-p3 0.985 0.917 0.59) | |
| | #f5d369 | rgb(96.1% 82.7% 41.2%) | hwb(45 41% 3.9%) | oklab(87.5% -0.004 0.131) | oklch(87.5% 0.131 91.8) | color(display-p3 0.939 0.832 0.475) | |
| | #e6bc5a | rgb(90.2% 73.7% 35.3%) | hwb(42 35% 9.8%) | oklab(81.4% 0.009 0.125) | oklch(81.4% 0.126 86.1) | color(display-p3 0.876 0.744 0.414) | |
| | #d1a54f | rgb(82% 64.7% 31%) | hwb(40 31% 18%) | oklab(74.6% 0.016 0.115) | oklch(74.6% 0.116 82) | color(display-p3 0.793 0.654 0.364) |
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
Large Pass
Fail
#fff4bd
Fail - 1.1
Lc 0
#ffe98a
Fail - 1.21
Lc -12
#f5d369
Fail - 1.45
Lc -25
#e6bc5a
Fail - 1.79
Lc -37
#d1a54f
Fail - 2.28
Lc -50
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.