#ff8100
#ffc100
#f7eac3
#fea5c6
#b32356
Calavera
#ff8100
#ffc100
#f7eac3
#fea5c6
#b32356
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Orange
ī½Yellow
ī½Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #ff8100 | rgb(255, 129, 0) | hsl(30 100% 50%) | oklab(73% 0.11 0.15) | oklch(73% 0.19 53) | color(display-p3 0.94 0.53 0.2) | |
ī½ | #ffc100 | rgb(255, 193, 0) | hsl(45 100% 50%) | oklab(84% 0.01 0.17) | oklch(84% 0.17 85) | color(display-p3 0.96 0.77 0.26) | |
ī½ | #f7eac3 | rgb(247, 234, 195) | hsl(45 76% 87%) | oklab(94% 0 0.05) | oklch(94% 0.05 92) | color(display-p3 0.96 0.92 0.78) | |
ī½ | #fea5c6 | rgb(254, 165, 198) | hsl(340 98% 82%) | oklab(82% 0.11 -0.01) | oklch(82% 0.11 360) | color(display-p3 0.95 0.66 0.77) | |
ī½ | #b32356 | rgb(179, 35, 86) | hsl(340 67% 42%) | oklab(51% 0.18 0.02) | oklch(51% 0.18 5.9) | color(display-p3 0.65 0.19 0.34) |
ī 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.
#ff8100
AA - 2.5
ī
#ffc100
AA - 1.63
ī
#f7eac3
AA - 1.19
ī
#fea5c6
AA - 1.84
ī
#b32356
AA - 6.38
ī
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