Fall
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
HDR gradient
Switch to HDR to enhance the gradient
Quick view
Inspect colors in multiple color spaces
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