Choco Pinapple
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
Brown
Yellow
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #4c2312 | rgb(76, 35, 18) | hsl(18 62% 18%) | hwb(18 7.1% 70%) | lch(19.4 27.6 47.5) | lab(19.4 18.7 20.4) | cmyk 0%, 54%, 76%, 70% | |
| #fdd00a | rgb(253, 208, 10) | hsl(49 98% 52%) | hwb(49 3.9% 0.78%) | lch(85.5 84.5 86.3) | lab(85.5 5.51 84.3) | cmyk 0%, 18%, 96%, 1% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#4C2312
AAA - 13.49
#FDD00A
AA - 1.47
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