#1a1a1a
#470000
#a64021
#d48972
#d1b769
Fall Forest
#1a1a1a
#470000
#a64021
#d48972
#d1b769
Actions
Explore the palette in different formats, and actions.
Colors overview
Grey
Red
Orange
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #1a1a1a | rgb(26, 26, 26) | hsl(none 0% 10%) | oklab(22% 0 0) | oklch(22% 0 none) | color(display-p3 0.1 0.1 0.1) | |
| #470000 | rgb(71, 0, 0) | hsl(0 100% 14%) | oklab(25% 0.09 0.05) | oklch(25% 0.1 29) | color(display-p3 0.25 0.03 0.01) | |
| #a64021 | rgb(166, 64, 33) | hsl(14 67% 39%) | oklab(51% 0.11 0.09) | oklch(51% 0.14 37) | color(display-p3 0.6 0.28 0.17) | |
| #d48972 | rgb(212, 137, 114) | hsl(14 53% 64%) | oklab(70% 0.08 0.06) | oklch(70% 0.1 38) | color(display-p3 0.79 0.55 0.46) | |
| #d1b769 | rgb(209, 183, 105) | hsl(45 53% 62%) | oklab(79% 0 0.1) | oklch(79% 0.1 91) | color(display-p3 0.8 0.72 0.45) |
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.
#1a1a1a
AAA - 17.4
#470000
AAA - 16.56
#a64021
AA - 6.21
#d48972
AA - 2.75
#d1b769
AA - 1.96
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