Marigold
Actions
Explore the gradient in different formats, and actions.
Colors overview
Orange
Yellow
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #ff5733 | rgb(255, 87, 51) | hsl(11 100% 60%) | hwb(11 20% 0%) | lch(61 84.7 41.4) | lab(61 63.5 56) | cmyk 0%, 66%, 80%, 0% | |
| #ff7f33 | rgb(255, 127, 51) | hsl(22 100% 60%) | hwb(22 20% 0%) | lch(67.8 77.4 53) | lab(67.8 46.5 61.8) | cmyk 0%, 50%, 80%, 0% | |
| #ffa633 | rgb(255, 166, 51) | hsl(34 100% 60%) | hwb(34 20% 0%) | lch(75.9 74.1 68.1) | lab(75.9 27.6 68.8) | cmyk 0%, 35%, 80%, 0% | |
| #ffd333 | rgb(255, 211, 51) | hsl(47 100% 60%) | hwb(47 20% 0%) | lch(86.6 77.8 86) | lab(86.6 5.44 77.6) | cmyk 0%, 17%, 80%, 0% | |
| #ffe633 | rgb(255, 230, 51) | hsl(53 100% 60%) | hwb(53 20% 0%) | lch(91.3 81.6 92.6) | lab(91.3 -3.65 81.5) | cmyk 0%, 10%, 80%, 0% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#FF5733
AA - 3.15
#FF7F33
AA - 2.51
#FFA633
AA - 1.95
#FFD333
AA - 1.43
#FFE633
AA - 1.26
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.
32°
CPU
48°
GPU
100%
Usage
11°
Rain
70%
Storage
PWA prompt