Spiced Honey
Captures the essence of sun-drenched, caramelized
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 |
|---|---|---|---|---|---|---|---|
| | #4d3516 | rgb(30.2% 20.8% 8.63%) | hwb(34 8.6% 70%) | oklab(35% 0.019 0.054) | oklch(35% 0.057 71) | color(display-p3 0.288 0.212 0.107) | |
| | #a6752e | rgb(65.1% 45.9% 18%) | hwb(36 18% 35%) | oklab(59.9% 0.031 0.101) | oklch(59.9% 0.106 73) | color(display-p3 0.622 0.467 0.233) | |
| | #d4a056 | rgb(83.1% 62.7% 33.7%) | hwb(35 34% 17%) | oklab(74% 0.03 0.106) | oklch(74% 0.11 74.3) | color(display-p3 0.8 0.636 0.383) | |
| | #e0c285 | rgb(87.8% 76.1% 52.2%) | hwb(40 52% 12%) | oklab(82.6% 0.008 0.085) | oklch(82.6% 0.086 84.5) | color(display-p3 0.859 0.765 0.552) | |
| | #f5e3b3 | rgb(96.1% 89% 70.2%) | hwb(44 70% 3.9%) | oklab(91.9% 0 0.065) | oklch(91.9% 0.065 89.9) | color(display-p3 0.949 0.893 0.723) |
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
#4d3516
AAA - 11.43
Lc -100
#a6752e
Fail - 4.03
Lc -73
#d4a056
Fail - 2.34
Lc -51
#e0c285
Fail - 1.71
Lc -35
#f5e3b3
Fail - 1.27
Lc -16
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.