#ff5c5c
#ff8585
#ffffff
#ffbd42
#4f4f4f
Music
#ff5c5c
#ff8585
#ffffff
#ffbd42
#4f4f4f
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ff5c5c | rgb(255, 92, 92) | hsl(0 100% 68%) | oklab(69% 0.18 0.08) | oklch(69% 0.2 24) | color(display-p3 0.93 0.41 0.38) | |
| #ff8585 | rgb(255, 133, 133) | hsl(0 100% 76%) | oklab(75% 0.14 0.05) | oklch(75% 0.15 21) | color(display-p3 0.94 0.55 0.53) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) | |
| #ffbd42 | rgb(255, 189, 66) | hsl(39 100% 63%) | oklab(84% 0.03 0.15) | oklch(84% 0.15 79) | color(display-p3 0.96 0.75 0.36) | |
| #4f4f4f | rgb(79, 79, 79) | hsl(none 0% 31%) | oklab(43% 0 0) | oklch(43% 0 none) | color(display-p3 0.31 0.31 0.31) |
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.
#ff5c5c
AA - 3.02
#ff8585
AA - 2.34
#ffffff
AA - 1
#ffbd42
AA - 1.66
#4f4f4f
AAA - 8.19
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