#515070
#ff8e6e
#ffbb91
#ebebeb
#ffffff
Here
#515070
#ff8e6e
#ffbb91
#ebebeb
#ffffff
Actions
Explore the palette in different formats, and actions.
Colors overview
Grey
White
Orange
Black
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #515070 | rgb(81, 80, 112) | hsl(240 17% 38%) | oklab(45% 0.01 -0.05) | oklch(45% 0.05 290) | color(display-p3 0.32 0.31 0.43) | |
| #ff8e6e | rgb(255, 142, 110) | hsl(13 100% 72%) | oklab(76% 0.12 0.09) | oklch(76% 0.14 37) | color(display-p3 0.94 0.58 0.46) | |
| #ffbb91 | rgb(255, 187, 145) | hsl(23 100% 78%) | oklab(85% 0.06 0.08) | oklch(85% 0.1 53) | color(display-p3 0.96 0.74 0.59) | |
| #ebebeb | rgb(235, 235, 235) | hsl(none 0% 92%) | oklab(94% 0 0) | oklch(94% 0 none) | color(display-p3 0.92 0.92 0.92) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
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.
#515070
AAA - 7.68
#ff8e6e
AA - 2.24
#ffbb91
AA - 1.64
#ebebeb
AA - 1.19
#ffffff
AA - 1
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