#FF9C32
#DD5E20
#A93F12
#882E10
#6B190A
#4E0D05
Spice
#FF9C32
#DD5E20
#A93F12
#882E10
#6B190A
#4E0D05
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ff9c32 | rgb(255, 156, 50) | hsl(31 100% 60%) | oklab(78% 0.08 0.14) | oklch(78% 0.16 62) | color(display-p3 0.95 0.63 0.29) | |
| #dd5e20 | rgb(221, 94, 32) | hsl(20 75% 50%) | oklab(63% 0.13 0.12) | oklch(63% 0.17 43) | color(display-p3 0.81 0.4 0.2) | |
| #a93f12 | rgb(169, 63, 18) | hsl(18 81% 37%) | oklab(51% 0.11 0.1) | oklch(51% 0.15 40) | color(display-p3 0.61 0.27 0.13) | |
| #882e10 | rgb(136, 46, 16) | hsl(15 79% 30%) | oklab(43% 0.1 0.08) | oklch(43% 0.13 37) | color(display-p3 0.49 0.2 0.11) | |
| #6b190a | rgb(107, 25, 10) | hsl(9.3 83% 23%) | oklab(35% 0.1 0.06) | oklch(35% 0.12 33) | color(display-p3 0.39 0.12 0.07) | |
| #4e0d05 | rgb(78, 13, 5) | hsl(6.6 88% 16%) | oklab(28% 0.08 0.05) | oklch(28% 0.1 31) | color(display-p3 0.28 0.07 0.04) |
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.
#FF9C32
AA - 2.08
#DD5E20
AA - 3.68
#A93F12
AA - 6.16
#882E10
AAA - 8.58
#6B190A
AAA - 11.87
#4E0D05
AAA - 15.17
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