#7a0f05
#9b170b
#9b330b
#9b500b
#9b6d0b
Salsa
#7a0f05
#9b170b
#9b330b
#9b500b
#9b6d0b
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Orange
Yellow
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #7a0f05 | rgb(122, 15, 5) | hsl(5.1 92% 25%) | oklab(37% 0.12 0.07) | oklch(37% 0.14 30) | color(display-p3 0.44 0.11 0.06) | |
| | #9b170b | rgb(155, 23, 11) | hsl(5 87% 33%) | oklab(44% 0.14 0.08) | oklch(44% 0.17 30) | color(display-p3 0.56 0.15 0.1) | |
| | #9b330b | rgb(155, 51, 11) | hsl(17 87% 33%) | oklab(47% 0.11 0.09) | oklch(47% 0.15 38) | color(display-p3 0.56 0.23 0.11) | |
| | #9b500b | rgb(155, 80, 11) | hsl(29 87% 33%) | oklab(51% 0.07 0.1) | oklch(51% 0.12 55) | color(display-p3 0.57 0.33 0.13) | |
| | #9b6d0b | rgb(155, 109, 11) | hsl(41 87% 33%) | oklab(57% 0.02 0.11) | oklch(57% 0.12 79) | color(display-p3 0.58 0.43 0.15) |
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.
#7a0f05
AAA - 11.06
#9b170b
AAA - 8.32
#9b330b
AAA - 7.31
#9b500b
AA - 5.92
#9b6d0b
AA - 4.57
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