#A5673F
#BD7844
#D18B50
#E69F5C
#F5B369
Whisky
#A5673F
#BD7844
#D18B50
#E69F5C
#F5B369
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
Orange
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #a5673f | rgb(165, 103, 63) | hsl(24 45% 45%) | oklab(57% 0.06 0.08) | oklch(57% 0.1 52) | color(display-p3 0.61 0.41 0.28) | |
| | #bd7844 | rgb(189, 120, 68) | hsl(26 48% 50%) | oklab(64% 0.06 0.09) | oklch(64% 0.11 56) | color(display-p3 0.7 0.48 0.3) | |
| | #d18b50 | rgb(209, 139, 80) | hsl(27 58% 57%) | oklab(70% 0.06 0.1) | oklch(70% 0.11 59) | color(display-p3 0.78 0.56 0.35) | |
| | #e69f5c | rgb(230, 159, 92) | hsl(29 73% 63%) | oklab(76% 0.05 0.11) | oklch(76% 0.12 63) | color(display-p3 0.86 0.64 0.4) | |
| | #f5b369 | rgb(245, 179, 105) | hsl(32 88% 69%) | oklab(81% 0.04 0.11) | oklch(81% 0.12 68) | color(display-p3 0.92 0.71 0.46) |
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.
#A5673F
AA - 4.55
#BD7844
AA - 3.53
#D18B50
AA - 2.79
#E69F5C
AA - 2.21
#F5B369
AA - 1.82
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