Needler
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
Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #b730c4 | rgb(183, 48, 196) | hsl(290 61% 48%) | hwb(290 19% 23%) | lch(47 82.3 323) | lab(47 66.2 -49) | cmyk 7%, 76%, 0%, 23% | |
| #9c27a9 | rgb(156, 39, 169) | hsl(290 63% 41%) | hwb(290 15% 34%) | lch(40 74.1 323) | lab(40 59.2 -44.6) | cmyk 8%, 77%, 0%, 34% | |
| #811f8f | rgb(129, 31, 143) | hsl(290 64% 34%) | hwb(290 12% 44%) | lch(33 65.7 322) | lab(33 51.8 -40.4) | cmyk 10%, 78%, 0%, 44% | |
| #681675 | rgb(104, 22, 117) | hsl(290 68% 27%) | hwb(290 8.6% 54%) | lch(26 57.4 322) | lab(26 45 -35.6) | cmyk 11%, 81%, 0%, 54% | |
| #500e5c | rgb(80, 14, 92) | hsl(290 74% 21%) | hwb(290 5.5% 64%) | lch(19 48.9 321) | lab(19 38 -30.7) | cmyk 13%, 85%, 0%, 64% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#b730c4
AA - 4.96
#9c27a9
AA - 6.4
#811f8f
AAA - 8.31
#681675
AAA - 10.71
#500e5c
AAA - 13.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.
32°
CPU
48°
GPU
100%
Usage
11°
Rain
70%
Storage
PWA prompt