#6F2005
#C25A17
#FAF0E5
#B5A29E
#44260F
Fox
#6F2005
#C25A17
#FAF0E5
#B5A29E
#44260F
Actions
Explore the palette in different formats, and actions.
Colors overview
Orange
Brown
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #6f2005 | rgb(111, 32, 5) | hsl(15 91% 23%) | oklab(37% 0.09 0.07) | oklch(37% 0.12 37) | color(display-p3 0.4 0.15 0.06) | |
| | #c25a17 | rgb(194, 90, 23) | hsl(24 79% 43%) | oklab(59% 0.1 0.11) | oklch(59% 0.15 47) | color(display-p3 0.71 0.38 0.17) | |
| | #faf0e5 | rgb(250, 240, 229) | hsl(31 68% 94%) | oklab(96% 0.01 0.02) | oklch(96% 0.02 70) | color(display-p3 0.97 0.94 0.9) | |
| | #b5a29e | rgb(181, 162, 158) | hsl(10 13% 66%) | oklab(73% 0.02 0.01) | oklch(73% 0.02 32) | color(display-p3 0.7 0.64 0.62) | |
| | #44260f | rgb(68, 38, 15) | hsl(26 64% 16%) | oklab(30% 0.03 0.05) | oklch(30% 0.06 56) | color(display-p3 0.25 0.15 0.08) |
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.
#6F2005
AAA - 11.14
#C25A17
AA - 4.4
#FAF0E5
AA - 1.12
#B5A29E
AA - 2.43
#44260F
AAA - 13.72
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