Olive

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
îœYellow
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #585123 | rgb(88, 81, 35) | hsl(52 43% 24%) | hwb(52 14% 65%) | lch(34.3 27.7 94.1) | lab(34.3 -1.99 27.6) | cmyk 0%, 8%, 60%, 65% | |
îœ | #9e9454 | rgb(158, 148, 84) | hsl(52 31% 47%) | hwb(52 33% 38%) | lch(61.1 35.2 94.8) | lab(61.1 -2.93 35) | cmyk 0%, 6%, 47%, 38% | |
îœ | #d4cb94 | rgb(212, 203, 148) | hsl(52 43% 71%) | hwb(52 58% 17%) | lch(81.4 28.9 95.9) | lab(81.4 -2.94 28.7) | cmyk 0%, 4%, 30%, 17% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#585123
AAA - 8.02
î
#9e9454
AA - 3.08
î
#d4cb94
AA - 1.64
î
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