#008080
#43e1b0
#f8b30f
#f09204
#ed5e80
#b13450
Día de Muertos
#008080
#43e1b0
#f8b30f
#f09204
#ed5e80
#b13450
Actions
Explore the palette in different formats, and actions.
Colors overview
Cyan
Orange
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #008080 | rgb(0, 128, 128) | hsl(180 100% 25%) | oklab(54% -0.09 -0.02) | oklch(54% 0.09 190) | color(display-p3 0.22 0.49 0.5) | |
| #43e1b0 | rgb(67, 225, 176) | hsl(160 72% 57%) | oklab(82% -0.14 0.03) | oklch(82% 0.15 170) | color(display-p3 0.46 0.87 0.7) | |
| #f8b30f | rgb(248, 179, 15) | hsl(42 94% 52%) | oklab(81% 0.03 0.16) | oklch(81% 0.17 80) | color(display-p3 0.93 0.71 0.26) | |
| #f09204 | rgb(240, 146, 4) | hsl(36 97% 48%) | oklab(74% 0.07 0.15) | oklch(74% 0.16 66) | color(display-p3 0.89 0.59 0.21) | |
| #ed5e80 | rgb(237, 94, 128) | hsl(350 80% 65%) | oklab(67% 0.18 0.03) | oklch(67% 0.18 8.6) | color(display-p3 0.86 0.4 0.51) | |
| #b13450 | rgb(177, 52, 80) | hsl(350 55% 45%) | oklab(52% 0.16 0.03) | oklch(52% 0.16 12) | color(display-p3 0.64 0.24 0.32) |
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.
#008080
AA - 4.77
#43e1b0
AA - 1.66
#f8b30f
AA - 1.83
#f09204
AA - 2.38
#ed5e80
AA - 3.22
#b13450
AA - 6.04
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