#FF8C69
#FF7256
#FF5733
#D32F2F
Salmon
#FF8C69
#FF7256
#FF5733
#D32F2F
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Red
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #ff8c69 | rgb(255, 140, 105) | hsl(14 100% 71%) | oklab(76% 0.12 0.09) | oklch(76% 0.15 38) | color(display-p3 0.94 0.57 0.44) | |
ī½ | #ff7256 | rgb(255, 114, 86) | hsl(9.9 100% 67%) | oklab(72% 0.15 0.1) | oklch(72% 0.18 33) | color(display-p3 0.93 0.48 0.37) | |
ī½ | #ff5733 | rgb(255, 87, 51) | hsl(11 100% 60%) | oklab(68% 0.17 0.12) | oklch(68% 0.21 34) | color(display-p3 0.93 0.39 0.26) | |
ī½ | #d32f2f | rgb(211, 47, 47) | hsl(0 65% 51%) | oklab(57% 0.18 0.09) | oklch(57% 0.2 26) | color(display-p3 0.76 0.25 0.22) |
ī 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.
#FF8C69
AA - 2.28
ī
#FF7256
AA - 2.69
ī
#FF5733
AA - 3.15
ī
#D32F2F
AA - 4.97
ī
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