Dawn
Actions
Explore the gradient in different formats, and actions.
Colors overview
ī½Orange
ī½Yellow
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
ī½ | #ed1c24 | rgb(237, 28, 36) | hsl(360 85% 52%) | hwb(360 11% 7.1%) | lch(51.6 91.5 36) | lab(51.6 74 53.8) | cmyk 0%, 88%, 85%, 7% | |
ī½ | #fcee21 | rgb(252, 238, 33) | hsl(56 97% 56%) | hwb(56 13% 1.2%) | lch(93 87.1 95.9) | lab(93 -8.94 86.6) | cmyk 0%, 6%, 87%, 1% |
ī Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#ED1C24
AA - 4.38
ī
#FCEE21
AA - 1.2
ī
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