#cf3e37
#e85d26
#f6a334
#f8cb62
#ffedd1
Tulips
#cf3e37
#e85d26
#f6a334
#f8cb62
#ffedd1
Actions
Explore the palette in different formats, and actions.
Colors overview
Orange
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #cf3e37 | rgb(207, 62, 55) | hsl(2.8 61% 51%) | oklab(58% 0.16 0.08) | oklch(58% 0.18 27) | color(display-p3 0.75 0.29 0.25) | |
| #e85d26 | rgb(232, 93, 38) | hsl(17 81% 53%) | oklab(65% 0.14 0.12) | oklch(65% 0.18 40) | color(display-p3 0.85 0.4 0.22) | |
| #f6a334 | rgb(246, 163, 52) | hsl(34 92% 58%) | oklab(78% 0.06 0.14) | oklch(78% 0.15 69) | color(display-p3 0.92 0.65 0.3) | |
| #f8cb62 | rgb(248, 203, 98) | hsl(42 91% 68%) | oklab(86% 0.01 0.13) | oklch(86% 0.13 86) | color(display-p3 0.94 0.8 0.45) | |
| #ffedd1 | rgb(255, 237, 209) | hsl(37 100% 91%) | oklab(95% 0.01 0.04) | oklch(95% 0.04 79) | color(display-p3 0.99 0.93 0.83) |
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.
#cf3e37
AA - 4.77
#e85d26
AA - 3.48
#f6a334
AA - 2.05
#f8cb62
AA - 1.53
#ffedd1
AA - 1.14
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