Infinity
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 |
---|---|---|---|---|---|---|---|---|
| #4c00ff | rgb(76, 0, 255) | hsl(260 100% 50%) | hwb(260 0% 0%) | lch(33.3 127 304) | lab(33.3 70.4 -106) | cmyk 70%, 100%, 0%, 0% | |
| #3e01c4 | rgb(62, 1, 196) | hsl(260 99% 39%) | hwb(260 0.39% 23%) | lch(25.1 103 304) | lab(25.1 57.9 -85.6) | cmyk 68%, 99%, 0%, 23% | |
| #2e048d | rgb(46, 4, 141) | hsl(260 94% 28%) | hwb(260 1.6% 45%) | lch(17 79.5 304) | lab(17 44.7 -65.8) | cmyk 67%, 97%, 0%, 45% | |
| #1d0459 | rgb(29, 4, 89) | hsl(260 91% 18%) | hwb(260 1.6% 65%) | lch(8.7 55.5 304) | lab(8.7 31.2 -46) | cmyk 67%, 96%, 0%, 65% | |
| #0c032b | rgb(12, 3, 43) | hsl(250 87% 9%) | hwb(250 1.2% 83%) | lch(2.65 25.3 294) | lab(2.65 10.4 -23.1) | cmyk 72%, 93%, 0%, 83% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#4c00ff
AAA - 7.63
#3e01c4
AAA - 10.46
#2e048d
AAA - 13.83
#1d0459
AAA - 17.3
#0c032b
AAA - 19.74
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