Espresso
Smooth velvety undertones that capture the essence of a quiet morning ritual.
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 |
|---|---|---|---|---|---|---|---|
| | #4b3621 | rgb(29.4% 21.2% 12.9%) | hwb(30 13% 71%) | oklab(35.1% 0.019 0.041) | oklch(35.1% 0.045 65.5) | color(display-p3 0.282 0.215 0.142) | |
| | #6f4e37 | rgb(43.5% 30.6% 21.6%) | hwb(25 22% 56%) | oklab(45.4% 0.032 0.047) | oklch(45.4% 0.057 55.6) | color(display-p3 0.416 0.311 0.229) | |
| | #a67b5b | rgb(65.1% 48.2% 35.7%) | hwb(26 36% 35%) | oklab(61.8% 0.038 0.059) | oklch(61.8% 0.07 57.7) | color(display-p3 0.625 0.489 0.375) | |
| | #eadbc8 | rgb(91.8% 85.9% 78.4%) | hwb(34 78% 8.2%) | oklab(89.8% 0.008 0.029) | oklch(89.8% 0.03 73.9) | color(display-p3 0.908 0.861 0.793) | |
| | #fdf6e3 | rgb(99.2% 96.5% 89%) | hwb(44 89% 0.78%) | oklab(97.4% 0 0.026) | oklch(97.4% 0.026 90.1) | color(display-p3 0.987 0.966 0.898) |
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
#4b3621
AAA - 11.35
Lc -100
#6f4e37
AAA - 7.44
Lc -91
#a67b5b
Fail - 3.74
Lc -70
#eadbc8
Fail - 1.35
Lc -20
#fdf6e3
Fail - 1.07
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.