#10005d
#1b289a
#3351e5
#f3bd81
#860b9a
Future
#10005d
#1b289a
#3351e5
#f3bd81
#860b9a
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 |
---|---|---|---|---|---|---|---|---|
| #10005d | rgb(16, 0, 93) | hsl(250 100% 18%) | hwb(250 0% 64%) | lch(7.04 61.2 303) | lab(7.04 33.2 -51.5) | cmyk 83%, 100%, 0%, 64% | |
| #1b289a | rgb(27, 40, 154) | hsl(230 70% 35%) | hwb(230 11% 40%) | lch(22.7 71.2 295) | lab(22.7 30.3 -64.4) | cmyk 82%, 74%, 0%, 40% | |
| #3351e5 | rgb(51, 81, 229) | hsl(230 77% 55%) | hwb(230 20% 10%) | lch(40.2 85.6 292) | lab(40.2 31.4 -79.7) | cmyk 78%, 65%, 0%, 10% | |
| #f3bd81 | rgb(243, 189, 129) | hsl(32 83% 73%) | hwb(32 51% 4.7%) | lch(80.6 40.9 68.8) | lab(80.6 14.8 38.1) | cmyk 0%, 22%, 47%, 5% | |
| #860b9a | rgb(134, 11, 154) | hsl(290 87% 32%) | hwb(290 4.3% 40%) | lch(32.9 75.4 321) | lab(32.9 58.9 -47.1) | cmyk 13%, 93%, 0%, 40% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#10005d
AAA - 17.79
#1b289a
AAA - 11.55
#3351e5
AA - 6.08
#f3bd81
AA - 1.69
#860b9a
AAA - 8.3
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