#8395f9
#b8bdf2
#f3ffe8
#def2cd
#1f1b36
Pulse Purple
#8395f9
#b8bdf2
#f3ffe8
#def2cd
#1f1b36
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
Purple
Yellow
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #8395f9 | rgb(131, 149, 249) | hsl(230 91% 75%) | hwb(230 51% 2.4%) | lch(63.6 54.6 284) | lab(63.6 13.6 -52.8) | cmyk 47%, 40%, 0%, 2% | |
| #b8bdf2 | rgb(184, 189, 242) | hsl(230 69% 84%) | hwb(230 72% 5.1%) | lch(77.6 27.9 284) | lab(77.6 6.67 -27.1) | cmyk 24%, 22%, 0%, 5% | |
| #f3ffe8 | rgb(243, 255, 232) | hsl(91 100% 95%) | hwb(91 91% 0%) | lch(98.6 11.9 126) | lab(98.6 -7.06 9.61) | cmyk 5%, 0%, 9%, 0% | |
| #def2cd | rgb(222, 242, 205) | hsl(92 59% 88%) | hwb(92 80% 5.1%) | lch(93.3 19.5 127) | lab(93.3 -11.7 15.6) | cmyk 8%, 0%, 15%, 5% | |
| #1f1b36 | rgb(31, 27, 54) | hsl(250 33% 16%) | hwb(250 11% 79%) | lch(11.4 19.1 295) | lab(11.4 8.12 -17.2) | cmyk 43%, 50%, 0%, 79% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#8395f9
AA - 2.75
#b8bdf2
AA - 1.81
#f3ffe8
AA - 1.03
#def2cd
AA - 1.18
#1f1b36
AAA - 16.55
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