#a8503d
#dcc0cf
#c68883
Salmon
#a8503d
#dcc0cf
#c68883
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #a8503d | rgb(168, 80, 61) | hsl(11 47% 45%) | hwb(11 24% 34%) | lch(45.3 46.1 38.9) | lab(45.3 35.9 28.9) | cmyk 0%, 52%, 64%, 34% | |
| #dcc0cf | rgb(220, 192, 207) | hsl(330 29% 81%) | hwb(330 75% 14%) | lch(80.5 12.7 343) | lab(80.5 12.1 -3.69) | cmyk 0%, 13%, 6%, 14% | |
| #c68883 | rgb(198, 136, 131) | hsl(4.5 37% 65%) | hwb(4.5 51% 22%) | lch(63 27.2 28.1) | lab(63 24 12.8) | cmyk 0%, 31%, 34%, 22% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#a8503d
AA - 5.41
#dcc0cf
AA - 1.68
#c68883
AA - 2.89
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.
PWA prompt