#a66b86
#c39bae
#d6bbc8
#86a66b
#6b86a6
Blush
#a66b86
#c39bae
#d6bbc8
#86a66b
#6b86a6
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Pink
Green
Blue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #a66b86 | rgb(166, 107, 134) | hsl(330 25% 54%) | hwb(330 42% 35%) | lch(52.4 27.5 350) | lab(52.4 27.1 -4.68) | cmyk 0%, 36%, 19%, 35% | |
| #c39bae | rgb(195, 155, 174) | hsl(330 25% 69%) | hwb(330 61% 24%) | lch(68.2 18.1 347) | lab(68.2 17.6 -3.95) | cmyk 0%, 21%, 11%, 24% | |
| #d6bbc8 | rgb(214, 187, 200) | hsl(330 25% 79%) | hwb(330 73% 16%) | lch(78.5 11.9 346) | lab(78.5 11.6 -2.84) | cmyk 0%, 13%, 7%, 16% | |
| #86a66b | rgb(134, 166, 107) | hsl(93 25% 54%) | hwb(93 42% 35%) | lch(64.6 33.2 126) | lab(64.6 -19.5 26.8) | cmyk 19%, 0%, 36%, 35% | |
| #6b86a6 | rgb(107, 134, 166) | hsl(210 25% 54%) | hwb(210 42% 35%) | lch(54.7 20.8 259) | lab(54.7 -3.83 -20.4) | cmyk 36%, 19%, 0%, 35% |
Click a color format to copy 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