Sunrise Sky
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 |
---|---|---|---|---|---|---|---|---|
| #b35a26 | rgb(179, 90, 38) | hsl(22 65% 43%) | hwb(22 15% 30%) | lch(48.9 57.1 52.9) | lab(48.9 34.4 45.5) | cmyk 0%, 50%, 79%, 30% | |
| #fcbe6d | rgb(252, 190, 109) | hsl(34 96% 71%) | hwb(34 43% 1.2%) | lch(81.6 52.2 71.4) | lab(81.6 16.7 49.5) | cmyk 0%, 25%, 57%, 1% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#b35a26
AA - 4.76
#fcbe6d
AA - 1.65
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