#AE5922
#ffd3b5
#FDFEFF
#FCB9EE
#F7289A
Lavender Gold
#AE5922
#ffd3b5
#FDFEFF
#FCB9EE
#F7289A
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
White
Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ae5922 | rgb(174, 89, 34) | hsl(24 67% 41%) | oklab(56% 0.08 0.1) | oklch(56% 0.13 50) | color(display-p3 0.64 0.37 0.19) | |
| #ffd3b5 | rgb(255, 211, 181) | hsl(24 100% 85%) | oklab(90% 0.04 0.05) | oklch(90% 0.06 56) | color(display-p3 0.97 0.83 0.73) | |
| #fdfeff | rgb(253, 254, 255) | hsl(210 100% 100%) | oklab(100% 0 0) | oklch(100% 0 250) | color(display-p3 0.99 1 1) | |
| #fcb9ee | rgb(252, 185, 238) | hsl(310 92% 86%) | oklab(86% 0.09 -0.04) | oklch(86% 0.1 330) | color(display-p3 0.95 0.74 0.92) | |
| #f7289a | rgb(247, 40, 154) | hsl(330 93% 56%) | oklab(65% 0.25 -0.03) | oklch(65% 0.25 350) | color(display-p3 0.89 0.25 0.59) |
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.
#AE5922
AA - 4.93
#ffd3b5
AA - 1.37
#FDFEFF
AA - 1
#FCB9EE
AA - 1.57
#F7289A
AA - 3.66
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