#674030
#99624f
#c98d76
#f5c2a7
Bear
#674030
#99624f
#c98d76
#f5c2a7
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #674030 | rgb(103, 64, 48) | hsl(17 36% 30%) | oklab(41% 0.04 0.04) | oklch(41% 0.06 43) | color(display-p3 0.38 0.26 0.2) | |
| #99624f | rgb(153, 98, 79) | hsl(15 32% 45%) | oklab(55% 0.06 0.05) | oklch(55% 0.08 40) | color(display-p3 0.57 0.39 0.32) | |
| #c98d76 | rgb(201, 141, 118) | hsl(17 43% 63%) | oklab(70% 0.06 0.05) | oklch(70% 0.08 42) | color(display-p3 0.75 0.56 0.48) | |
| #f5c2a7 | rgb(245, 194, 167) | hsl(21 80% 81%) | oklab(85% 0.05 0.05) | oklch(85% 0.07 49) | color(display-p3 0.93 0.77 0.67) |
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.
#674030
AAA - 8.92
#99624f
AA - 4.98
#c98d76
AA - 2.77
#f5c2a7
AA - 1.59
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