#994E3C
#7A392C
#5B291F
#3D1C11
Cinnamon
#994E3C
#7A392C
#5B291F
#3D1C11
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #994e3c | rgb(153, 78, 60) | hsl(12 44% 42%) | oklab(51% 0.09 0.06) | oklch(51% 0.1 35) | color(display-p3 0.56 0.32 0.25) | |
| #7a392c | rgb(122, 57, 44) | hsl(10 47% 33%) | oklab(43% 0.08 0.05) | oklch(43% 0.09 33) | color(display-p3 0.45 0.24 0.19) | |
| #5b291f | rgb(91, 41, 31) | hsl(10 49% 24%) | oklab(35% 0.06 0.04) | oklch(35% 0.08 33) | color(display-p3 0.33 0.17 0.13) | |
| #3d1c11 | rgb(61, 28, 17) | hsl(15 56% 15%) | oklab(27% 0.04 0.03) | oklch(27% 0.06 39) | color(display-p3 0.22 0.12 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.
#994E3C
AA - 5.98
#7A392C
AAA - 8.57
#5B291F
AAA - 11.78
#3D1C11
AAA - 15.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