#B85A61
#F2D7D5
#E6B8AF
#9F8A78
Flowers
#B85A61
#F2D7D5
#E6B8AF
#9F8A78
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
White
Pink
Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #b85a61 | rgb(184, 90, 97) | hsl(360 40% 54%) | oklab(58% 0.12 0.04) | oklch(58% 0.12 17) | color(display-p3 0.67 0.37 0.39) | |
| #f2d7d5 | rgb(242, 215, 213) | hsl(4.1 53% 89%) | oklab(90% 0.03 0.01) | oklch(90% 0.03 23) | color(display-p3 0.93 0.85 0.84) | |
| #e6b8af | rgb(230, 184, 175) | hsl(9.8 52% 79%) | oklab(82% 0.05 0.03) | oklch(82% 0.06 31) | color(display-p3 0.87 0.73 0.69) | |
| #9f8a78 | rgb(159, 138, 120) | hsl(28 17% 55%) | oklab(65% 0.02 0.03) | oklch(65% 0.04 63) | color(display-p3 0.61 0.54 0.48) |
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.
#B85A61
AA - 4.49
#F2D7D5
AA - 1.35
#E6B8AF
AA - 1.77
#9F8A78
AA - 3.29
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