#807DBA
#91AFB6
#D6D3CD
#C4C3C5
#605C6C
Calm
#807DBA
#91AFB6
#D6D3CD
#C4C3C5
#605C6C
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Cyan
White
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #807dba | rgb(128, 125, 186) | hsl(240 31% 61%) | oklab(62% 0.02 -0.09) | oklch(62% 0.09 290) | color(display-p3 0.5 0.49 0.71) | |
| #91afb6 | rgb(145, 175, 182) | hsl(190 20% 64%) | oklab(73% -0.03 -0.02) | oklch(73% 0.03 210) | color(display-p3 0.59 0.68 0.71) | |
| #d6d3cd | rgb(214, 211, 205) | hsl(40 9.9% 82%) | oklab(87% 0 0.01) | oklch(87% 0.01 85) | color(display-p3 0.84 0.83 0.81) | |
| #c4c3c5 | rgb(196, 195, 197) | hsl(270 1.7% 77%) | oklab(82% 0 0) | oklch(82% 0 310) | color(display-p3 0.77 0.76 0.77) | |
| #605c6c | rgb(96, 92, 108) | hsl(260 8% 39%) | oklab(48% 0.01 -0.02) | oklch(48% 0.03 300) | color(display-p3 0.37 0.36 0.42) |
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.
#807DBA
AA - 3.77
#91AFB6
AA - 2.33
#D6D3CD
AA - 1.49
#C4C3C5
AA - 1.75
#605C6C
AA - 6.47
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