#681A1A
#841B1B
#DD7676
#fceadc
#F2CAAB
Maroon
#681A1A
#841B1B
#DD7676
#fceadc
#F2CAAB
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #681a1a | rgb(104, 26, 26) | hsl(0 60% 25%) | oklab(35% 0.1 0.05) | oklch(35% 0.11 25) | color(display-p3 0.37 0.13 0.12) | |
| #841b1b | rgb(132, 27, 27) | hsl(0 66% 31%) | oklab(40% 0.13 0.06) | oklch(40% 0.14 26) | color(display-p3 0.48 0.14 0.13) | |
| #dd7676 | rgb(221, 118, 118) | hsl(0 60% 66%) | oklab(68% 0.12 0.05) | oklch(68% 0.13 21) | color(display-p3 0.81 0.48 0.47) | |
| #fceadc | rgb(252, 234, 220) | hsl(26 84% 93%) | oklab(95% 0.01 0.02) | oklch(95% 0.03 60) | color(display-p3 0.98 0.92 0.87) | |
| #f2caab | rgb(242, 202, 171) | hsl(26 73% 81%) | oklab(87% 0.03 0.05) | oklch(87% 0.06 60) | color(display-p3 0.92 0.8 0.69) |
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.
#681A1A
AAA - 11.99
#841B1B
AAA - 9.75
#DD7676
AA - 3.03
#fceadc
AA - 1.17
#F2CAAB
AA - 1.52
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