Orange
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
Orange
Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #94480a | rgb(148, 72, 10) | hsl(27 87% 31%) | hwb(27 3.9% 42%) | lch(40 55.8 57.3) | lab(40 30.2 47) | cmyk 0%, 51%, 93%, 42% | |
| #e3761d | rgb(227, 118, 29) | hsl(27 78% 50%) | hwb(27 11% 11%) | lch(61.8 74.4 57.8) | lab(61.8 39.6 63) | cmyk 0%, 48%, 87%, 11% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#94480a
AA - 6.58
#e3761d
AA - 3.05
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