#FFFFFF
#FFE4E1
#FA8072
#8B4513
Bakery
#FFFFFF
#FFE4E1
#FA8072
#8B4513
Actions
Explore the palette in different formats, and actions.
Colors overview
Orange
White
Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) | |
| #ffe4e1 | rgb(255, 228, 225) | hsl(6 100% 94%) | oklab(94% 0.03 0.01) | oklch(94% 0.03 25) | color(display-p3 0.98 0.9 0.89) | |
| #fa8072 | rgb(250, 128, 114) | hsl(6.2 93% 71%) | oklab(74% 0.13 0.07) | oklch(74% 0.15 28) | color(display-p3 0.92 0.53 0.47) | |
| #8b4513 | rgb(139, 69, 19) | hsl(25 76% 31%) | oklab(47% 0.07 0.09) | oklch(47% 0.11 51) | color(display-p3 0.51 0.29 0.13) |
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.
#FFFFFF
AA - 1
#FFE4E1
AA - 1.2
#FA8072
AA - 2.5
#8B4513
AAA - 7.09
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