Sand
Actions
Explore the gradient in different formats, and actions.
Colors overview
Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #ffe4b5 | rgb(255, 228, 181) | hsl(38 100% 85%) | hwb(38 71% 0%) | lch(92 27 80.3) | lab(92 4.56 26.6) | cmyk 0%, 11%, 29%, 0% | |
| #fdd8b3 | rgb(253, 216, 179) | hsl(30 95% 85%) | hwb(30 70% 0.78%) | lch(88.8 25.2 68) | lab(88.8 9.43 23.3) | cmyk 0%, 15%, 29%, 1% | |
| #fccc90 | rgb(252, 204, 144) | hsl(33 95% 78%) | hwb(33 56% 1.2%) | lch(85.3 38.6 71.9) | lab(85.3 12 36.6) | cmyk 0%, 19%, 43%, 1% | |
| #f7bf63 | rgb(247, 191, 99) | hsl(37 90% 68%) | hwb(37 39% 3.1%) | lch(81.2 55.3 75.7) | lab(81.2 13.6 53.6) | cmyk 0%, 23%, 60%, 3% | |
| #efa945 | rgb(239, 169, 69) | hsl(35 84% 60%) | hwb(35 27% 6.3%) | lch(74.8 63.2 71.5) | lab(74.8 20 60) | cmyk 0%, 29%, 71%, 6% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#FFE4B5
AA - 1.23
#FDD8B3
AA - 1.34
#FCCC90
AA - 1.48
#F7BF63
AA - 1.66
#EFA945
AA - 2.01
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