Pinky
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
HDR gradient
Switch to HDR to enhance the gradient
Quick view
Inspect colors in multiple color spaces
Colors overview
Pink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #4a2632 | rgb(74, 38, 50) | hsl(340 32% 22%) | hwb(340 15% 71%) | lch(20.5 18.6 0.049) | lab(20.5 18.6 0.016) | cmyk 0%, 49%, 32%, 71% | |
| #734160 | rgb(115, 65, 96) | hsl(320 28% 35%) | hwb(320 25% 55%) | lch(34.6 27 341) | lab(34.6 25.6 -8.64) | cmyk 0%, 43%, 17%, 55% | |
| #9e5e92 | rgb(158, 94, 146) | hsl(310 25% 49%) | hwb(310 37% 38%) | lch(48.7 36.9 332) | lab(48.7 32.6 -17.3) | cmyk 0%, 41%, 8%, 38% | |
| #cc7dc7 | rgb(204, 125, 199) | hsl(300 44% 65%) | hwb(300 49% 20%) | lch(63 47.1 327) | lab(63 39.7 -25.5) | cmyk 0%, 39%, 2%, 20% | |
| #fb9dff | rgb(251, 157, 255) | hsl(300 100% 81%) | hwb(300 62% 0%) | lch(77.1 57.8 324) | lab(77.1 46.7 -34.1) | cmyk 2%, 38%, 0%, 0% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#4a2632
AAA - 13
#734160
AAA - 7.91
#9e5e92
AA - 4.69
#cc7dc7
AA - 2.86
#fb9dff
AA - 1.84
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.
32°
CPU
48°
GPU
100%
Usage
11°
Rain
70%
Storage
PWA prompt