#ff8691
#e5eaf4
#92a5fe
#587ffc
#1e1e5d
Power
#ff8691
#e5eaf4
#92a5fe
#587ffc
#1e1e5d

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
îœRed
îœBlue
îœWhite
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #ff8691 | rgb(255, 134, 145) | hsl(350 100% 76%) | hwb(350 53% 0%) | lch(70.2 50.3 18.9) | lab(70.2 47.6 16.3) | cmyk 0%, 47%, 43%, 0% | |
îœ | #e5eaf4 | rgb(229, 234, 244) | hsl(220 41% 93%) | hwb(220 90% 4.3%) | lch(92.5 5.48 266) | lab(92.5 -0.349 -5.47) | cmyk 6%, 4%, 0%, 4% | |
îœ | #92a5fe | rgb(146, 165, 254) | hsl(230 98% 78%) | hwb(230 57% 0.39%) | lch(69 48.1 282) | lab(69 10.1 -47) | cmyk 43%, 35%, 0%, 0% | |
îœ | #587ffc | rgb(88, 127, 252) | hsl(230 96% 67%) | hwb(230 35% 1.2%) | lch(55.4 69.9 284) | lab(55.4 16.9 -67.8) | cmyk 65%, 50%, 0%, 1% | |
îœ | #1e1e5d | rgb(30, 30, 93) | hsl(240 51% 24%) | hwb(240 12% 64%) | lch(14.9 42.3 294) | lab(14.9 17.5 -38.5) | cmyk 68%, 68%, 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.
#ff8691
AA - 2.31
î
#e5eaf4
AA - 1.2
î
#92a5fe
AA - 2.32
î
#587ffc
AA - 3.58
î
#1e1e5d
AAA - 15.01
î
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