#480031
#df0062
#ff8b6b
#ffd2bc
#ffffff
Bah
#480031
#df0062
#ff8b6b
#ffd2bc
#ffffff
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #480031 | rgb(72, 0, 49) | hsl(320 100% 14%) | oklab(27% 0.11 -0.03) | oklch(27% 0.11 350) | color(display-p3 0.26 0.03 0.19) | |
| #df0062 | rgb(223, 0, 98) | hsl(330 100% 44%) | oklab(58% 0.23 0.03) | oklch(58% 0.23 7.1) | color(display-p3 0.8 0.17 0.39) | |
| #ff8b6b | rgb(255, 139, 107) | hsl(13 100% 71%) | oklab(76% 0.12 0.09) | oklch(76% 0.15 36) | color(display-p3 0.94 0.57 0.45) | |
| #ffd2bc | rgb(255, 210, 188) | hsl(20 100% 87%) | oklab(90% 0.04 0.04) | oklch(90% 0.06 47) | color(display-p3 0.97 0.83 0.75) | |
| #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.
#480031
AAA - 15.91
#df0062
AA - 4.86
#ff8b6b
AA - 2.29
#ffd2bc
AA - 1.38
#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