Red Soil
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
Brown
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #b3391b | rgb(179, 57, 27) | hsl(12 74% 40%) | hwb(12 11% 30%) | lch(42.8 67 42.7) | lab(42.8 49.2 45.4) | cmyk 0%, 68%, 85%, 30% | |
| #b87d60 | rgb(184, 125, 96) | hsl(20 38% 55%) | hwb(20 38% 28%) | lch(58.1 33.2 50.4) | lab(58.1 21.1 25.6) | cmyk 0%, 32%, 48%, 28% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#b3391b
AA - 5.96
#b87d60
AA - 3.41
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