Fall
Actions
Explore the gradient in different formats, and actions.
Colors overview
îœRed
îœOrange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #f7941d | rgb(247, 148, 29) | hsl(33 93% 54%) | hwb(33 11% 3.1%) | lch(70.9 78.2 65.1) | lab(70.9 32.9 71) | cmyk 0%, 40%, 88%, 3% | |
îœ | #d35400 | rgb(211, 84, 0) | hsl(24 100% 41%) | hwb(24 0% 17%) | lch(52.8 79.9 52.1) | lab(52.8 49 63) | cmyk 0%, 60%, 100%, 17% | |
îœ | #9e2800 | rgb(158, 40, 0) | hsl(15 100% 31%) | hwb(15 0% 38%) | lch(36.2 69.1 45.9) | lab(36.2 48 49.6) | cmyk 0%, 75%, 100%, 38% | |
îœ | #791800 | rgb(121, 24, 0) | hsl(12 100% 24%) | hwb(12 0% 53%) | lch(26.5 56.6 43.5) | lab(26.5 41.1 38.9) | cmyk 0%, 80%, 100%, 53% | |
îœ | #550a00 | rgb(85, 10, 0) | hsl(7.1 100% 17%) | hwb(7.1 0% 67%) | lch(16.7 42.1 37.8) | lab(16.7 33.3 25.8) | cmyk 0%, 88%, 100%, 67% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#F7941D
AA - 2.28
î
#D35400
AA - 4.16
î
#9E2800
AAA - 7.61
î
#791800
AAA - 10.8
î
#550A00
AAA - 14.68
î
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