Salted
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
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #d6c4a6 | rgb(214, 196, 166) | hsl(38 37% 75%) | hwb(38 65% 16%) | lch(80.1 17.8 80.1) | lab(80.1 3.06 17.5) | cmyk 0%, 8%, 22%, 16% | |
| #bc9e7a | rgb(188, 158, 122) | hsl(33 33% 61%) | hwb(33 48% 26%) | lch(67.2 24.4 71.8) | lab(67.2 7.63 23.2) | cmyk 0%, 16%, 35%, 26% | |
| #a58261 | rgb(165, 130, 97) | hsl(29 27% 51%) | hwb(29 38% 35%) | lch(57.2 25.6 65.6) | lab(57.2 10.6 23.3) | cmyk 0%, 21%, 41%, 35% | |
| #906f54 | rgb(144, 111, 84) | hsl(27 26% 45%) | hwb(27 33% 44%) | lch(49.7 23 62.2) | lab(49.7 10.7 20.3) | cmyk 0%, 23%, 42%, 44% | |
| #765943 | rgb(118, 89, 67) | hsl(26 28% 36%) | hwb(26 26% 54%) | lch(40.5 20.3 60.4) | lab(40.5 10 17.6) | cmyk 0%, 25%, 43%, 54% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#d6c4a6
AA - 1.7
#bc9e7a
AA - 2.52
#a58261
AA - 3.52
#906f54
AA - 4.57
#765943
AA - 6.4
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