Force
Actions
Explore the gradient in different formats, and actions.
Colors overview
Yellow
Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #fcd303 | rgb(252, 211, 3) | hsl(50 98% 50%) | hwb(50 1.2% 1.2%) | lch(86.2 85.4 87.6) | lab(86.2 3.6 85.3) | cmyk 0%, 16%, 99%, 1% | |
| #f9c200 | rgb(249, 194, 0) | hsl(47 100% 49%) | hwb(47 0% 2.4%) | lch(81.7 83.2 82.7) | lab(81.7 10.6 82.5) | cmyk 0%, 22%, 100%, 2% | |
| #f4b100 | rgb(244, 177, 0) | hsl(44 100% 48%) | hwb(44 0% 4.3%) | lch(77.1 81 77.9) | lab(77.1 16.9 79.2) | cmyk 0%, 27%, 100%, 4% | |
| #efa000 | rgb(239, 160, 0) | hsl(40 100% 47%) | hwb(40 0% 6.3%) | lch(72.5 79.6 72.9) | lab(72.5 23.4 76.1) | cmyk 0%, 33%, 100%, 6% | |
| #ea8f00 | rgb(234, 143, 0) | hsl(37 100% 46%) | hwb(37 0% 8.2%) | lch(68 78.9 67.8) | lab(68 29.8 73.1) | cmyk 0%, 39%, 100%, 8% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#FCD303
AA - 1.45
#F9C200
AA - 1.64
#F4B100
AA - 1.88
#EFA000
AA - 2.16
#EA8F00
AA - 2.49
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