#C0382B
#F39C19
#F2C511
#DDE6E8
#222F3D
Paradise
#C0382B
#F39C19
#F2C511
#DDE6E8
#222F3D
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Yellow
Grey
Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #c0382b | rgb(192, 56, 43) | hsl(5.2 63% 46%) | oklab(54% 0.15 0.09) | oklch(54% 0.17 29) | color(display-p3 0.69 0.26 0.2) | |
| #f39c19 | rgb(243, 156, 25) | hsl(36 90% 53%) | oklab(76% 0.06 0.15) | oklch(76% 0.16 69) | color(display-p3 0.9 0.63 0.24) | |
| #f2c511 | rgb(242, 197, 17) | hsl(48 90% 51%) | oklab(84% -0.01 0.17) | oklch(84% 0.17 92) | color(display-p3 0.92 0.78 0.27) | |
| #dde6e8 | rgb(221, 230, 232) | hsl(190 19% 89%) | oklab(92% -0.01 -0.01) | oklch(92% 0.01 210) | color(display-p3 0.87 0.9 0.91) | |
| #222f3d | rgb(34, 47, 61) | hsl(210 28% 19%) | oklab(30% -0.01 -0.03) | oklch(30% 0.03 250) | color(display-p3 0.14 0.18 0.23) |
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.
#C0382B
AA - 5.46
#F39C19
AA - 2.19
#F2C511
AA - 1.64
#DDE6E8
AA - 1.26
#222F3D
AAA - 13.61
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