#e8ad42
#d6852e
#c25c1a
#ab2e03
Thousand Blade
#e8ad42
#d6852e
#c25c1a
#ab2e03
Actions
Explore the palette in different formats, and actions.
Colors overview
Deep and intense, like a smoldering fire.
AI-generated description.
Yellow
Orange
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #e8ad42 | rgb(232, 173, 66) | hsl(39 78% 58%) | oklab(78% 0.03 0.14) | oklch(78% 0.14 79) | color(display-p3 0.87 0.69 0.34) | |
| | #d6852e | rgb(214, 133, 46) | hsl(31 67% 51%) | oklab(69% 0.06 0.12) | oklch(69% 0.14 63) | color(display-p3 0.79 0.54 0.26) | |
| | #c25c1a | rgb(194, 92, 26) | hsl(24 76% 43%) | oklab(59% 0.1 0.11) | oklch(59% 0.15 48) | color(display-p3 0.71 0.38 0.18) | |
| | #ab2e03 | rgb(171, 46, 3) | hsl(15 97% 34%) | oklab(49% 0.14 0.1) | oklch(49% 0.17 36) | color(display-p3 0.62 0.22 0.1) |
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.
#e8ad42
AA - 2
#d6852e
AA - 2.89
#c25c1a
AA - 4.33
#ab2e03
AA - 6.72
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