#F2E7DC
#E6C3A3
#D98E4D
#BF5736
#732A19
Pizza
#F2E7DC
#E6C3A3
#D98E4D
#BF5736
#732A19
Actions
Explore the palette in different formats, and actions.
Colors overview
Orange
Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #f2e7dc | rgb(242, 231, 220) | hsl(30 46% 91%) | oklab(93% 0.01 0.02) | oklch(93% 0.02 68) | color(display-p3 0.94 0.91 0.87) | |
| #e6c3a3 | rgb(230, 195, 163) | hsl(29 57% 77%) | oklab(84% 0.03 0.05) | oklch(84% 0.06 64) | color(display-p3 0.88 0.77 0.65) | |
| #d98e4d | rgb(217, 142, 77) | hsl(28 65% 58%) | oklab(71% 0.06 0.11) | oklch(71% 0.12 60) | color(display-p3 0.81 0.57 0.35) | |
| #bf5736 | rgb(191, 87, 54) | hsl(14 56% 48%) | oklab(58% 0.11 0.09) | oklch(58% 0.14 38) | color(display-p3 0.7 0.36 0.25) | |
| #732a19 | rgb(115, 42, 25) | hsl(11 64% 27%) | oklab(39% 0.09 0.06) | oklch(39% 0.11 34) | color(display-p3 0.42 0.18 0.12) |
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.
#F2E7DC
AA - 1.21
#E6C3A3
AA - 1.65
#D98E4D
AA - 2.64
#BF5736
AA - 4.53
#732A19
AAA - 10.12
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 gradient in different UI components.
PWA prompt