WINE
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
Red
Red
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #97272d | rgb(151, 39, 45) | hsl(360 59% 37%) | hwb(360 15% 41%) | lch(35 53.5 28.6) | lab(35 47 25.6) | cmyk 0%, 74%, 70%, 41% | |
| #440000 | rgb(68, 0, 0) | hsl(0 100% 13%) | hwb(0 0% 73%) | lch(11.2 35.9 29.6) | lab(11.2 31.2 17.8) | cmyk 0%, 100%, 100%, 73% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#97272D
AAA - 7.94
#440000
AAA - 16.85
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