Maple v2
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
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #c15b2b | rgb(193, 91, 43) | hsl(19 64% 46%) | hwb(19 17% 24%) | lch(51.3 61 49.5) | lab(51.3 39.6 46.4) | cmyk 0%, 53%, 78%, 24% | |
| #c26f2b | rgb(194, 111, 43) | hsl(27 64% 46%) | hwb(27 17% 24%) | lch(55.6 58.7 59.2) | lab(55.6 30 50.5) | cmyk 0%, 43%, 78%, 24% | |
| #efa40d | rgb(239, 164, 13) | hsl(40 90% 49%) | hwb(40 5.1% 6.3%) | lch(73.4 78.2 74.1) | lab(73.4 21.4 75.2) | cmyk 0%, 31%, 95%, 6% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#C15B2B
AA - 4.37
#c26f2b
AA - 3.74
#EFA40D
AA - 2.1
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