#a66b86
#c39bae
#d6bbc8
#86a66b
#6b86a6
Blush
#a66b86
#c39bae
#d6bbc8
#86a66b
#6b86a6
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Green
Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #a66b86 | rgb(166, 107, 134) | hsl(330 25% 54%) | oklab(60% 0.08 -0.01) | oklch(60% 0.08 350) | color(display-p3 0.62 0.43 0.52) | |
| #c39bae | rgb(195, 155, 174) | hsl(330 25% 69%) | oklab(73% 0.05 -0.01) | oklch(73% 0.05 350) | color(display-p3 0.74 0.61 0.68) | |
| #d6bbc8 | rgb(214, 187, 200) | hsl(330 25% 79%) | oklab(82% 0.03 -0.01) | oklch(82% 0.04 350) | color(display-p3 0.82 0.74 0.78) | |
| #86a66b | rgb(134, 166, 107) | hsl(93 25% 54%) | oklab(69% -0.06 0.07) | oklch(69% 0.09 130) | color(display-p3 0.55 0.65 0.44) | |
| #6b86a6 | rgb(107, 134, 166) | hsl(210 25% 54%) | oklab(61% -0.02 -0.06) | oklch(61% 0.06 250) | color(display-p3 0.44 0.52 0.64) |
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.
#a66b86
AA - 4.14
#c39bae
AA - 2.43
#d6bbc8
AA - 1.77
#86a66b
AA - 2.73
#6b86a6
AA - 3.75
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