#ffffff
#fcf6f0
#ebe4dd
#c9c3bb
Skeleton
#ffffff
#fcf6f0
#ebe4dd
#c9c3bb
Actions
Explore the palette in different formats, and actions.
Colors overview
White
| 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) | |
| | #fcf6f0 | rgb(252, 246, 240) | hsl(30 67% 96%) | oklab(98% 0 0.01) | oklch(98% 0.01 68) | color(display-p3 0.98 0.97 0.94) | |
| | #ebe4dd | rgb(235, 228, 221) | hsl(30 26% 89%) | oklab(92% 0 0.01) | oklch(92% 0.01 68) | color(display-p3 0.92 0.9 0.87) | |
| | #c9c3bb | rgb(201, 195, 187) | hsl(34 11% 76%) | oklab(82% 0 0.01) | oklch(82% 0.01 75) | color(display-p3 0.78 0.77 0.74) |
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
#fcf6f0
AA - 1.07
#ebe4dd
AA - 1.25
#c9c3bb
AA - 1.74
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