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