#a8503d
#dcc0cf
#c68883
Salmon
#a8503d
#dcc0cf
#c68883
Actions
Explore the palette in different formats, and actions.
Colors overview
Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #a8503d | rgb(168, 80, 61) | hsl(11 47% 45%) | oklab(54% 0.1 0.07) | oklch(54% 0.12 34) | color(display-p3 0.61 0.33 0.26) | |
| #dcc0cf | rgb(220, 192, 207) | hsl(330 29% 81%) | oklab(84% 0.04 -0.01) | oklch(84% 0.04 340) | color(display-p3 0.84 0.76 0.81) | |
| #c68883 | rgb(198, 136, 131) | hsl(4.5 37% 65%) | oklab(69% 0.07 0.03) | oklch(69% 0.08 24) | color(display-p3 0.74 0.54 0.52) |
Click on a color value to copy it 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