#1b0051
#3c0087
#4e37fc
#0057fc
#007dd9
SHIP
#1b0051
#3c0087
#4e37fc
#0057fc
#007dd9
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
Blue
Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #1b0051 | rgb(27, 0, 81) | hsl(260 100% 16%) | hwb(260 0% 68%) | lch(6.71 53.7 305) | lab(6.71 31.1 -43.8) | cmyk 67%, 100%, 0%, 68% | |
| #3c0087 | rgb(60, 0, 135) | hsl(270 100% 26%) | hwb(270 0% 47%) | lch(17.8 76.2 307) | lab(17.8 46 -60.7) | cmyk 56%, 100%, 0%, 47% | |
| #4e37fc | rgb(78, 55, 252) | hsl(250 97% 60%) | hwb(250 22% 1.2%) | lch(38.4 110 300) | lab(38.4 54.9 -95.5) | cmyk 69%, 78%, 0%, 1% | |
| #0057fc | rgb(0, 87, 252) | hsl(220 100% 49%) | hwb(220 0% 1.2%) | lch(42.4 94.7 290) | lab(42.4 32.1 -89.1) | cmyk 100%, 65%, 0%, 1% | |
| #007dd9 | rgb(0, 125, 217) | hsl(210 100% 43%) | hwb(210 0% 15%) | lch(50.6 56.2 268) | lab(50.6 -2.15 -56.2) | cmyk 100%, 42%, 0%, 15% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#1b0051
AAA - 18.01
#3c0087
AAA - 13.61
#4e37fc
AA - 6.41
#0057fc
AA - 5.57
#007dd9
AA - 4.25
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