Chili Pepper
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
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #d81726 | rgb(216, 23, 38) | hsl(360 81% 47%) | hwb(360 9% 15%) | lch(47 83.7 34.1) | lab(47 69.4 46.9) | cmyk 0%, 89%, 82%, 15% | |
| #af191f | rgb(175, 25, 31) | hsl(360 75% 39%) | hwb(360 9.8% 31%) | lch(38.4 69.9 34.2) | lab(38.4 57.8 39.3) | cmyk 0%, 86%, 82%, 31% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#d81726
AA - 5.15
#af191f
AAA - 7.04
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