#947463
#DAA09A
#F7E7CE
#6E8E8C
#436A86
Antique
#947463
#DAA09A
#F7E7CE
#6E8E8C
#436A86
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
Blue
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #947463 | rgb(148, 116, 99) | hsl(21 20% 48%) | oklab(59% 0.03 0.04) | oklch(59% 0.05 49) | color(display-p3 0.56 0.46 0.4) | |
| #daa09a | rgb(218, 160, 154) | hsl(5.6 46% 73%) | oklab(76% 0.06 0.03) | oklch(76% 0.07 26) | color(display-p3 0.82 0.64 0.61) | |
| #f7e7ce | rgb(247, 231, 206) | hsl(37 72% 89%) | oklab(93% 0.01 0.04) | oklch(93% 0.04 79) | color(display-p3 0.96 0.91 0.82) | |
| #6e8e8c | rgb(110, 142, 140) | hsl(180 13% 49%) | oklab(62% -0.04 -0.01) | oklch(62% 0.04 190) | color(display-p3 0.46 0.55 0.55) | |
| #436a86 | rgb(67, 106, 134) | hsl(210 33% 39%) | oklab(51% -0.03 -0.05) | oklch(51% 0.06 240) | color(display-p3 0.3 0.41 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.
#947463
AA - 4.25
#DAA09A
AA - 2.21
#F7E7CE
AA - 1.21
#6E8E8C
AA - 3.55
#436A86
AA - 5.76
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