#ff8691
#e5eaf4
#92a5fe
#587ffc
#1e1e5d
Power
#ff8691
#e5eaf4
#92a5fe
#587ffc
#1e1e5d
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Blue
White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ff8691 | rgb(255, 134, 145) | hsl(350 100% 76%) | oklab(76% 0.14 0.04) | oklch(76% 0.15 15) | color(display-p3 0.94 0.55 0.58) | |
| #e5eaf4 | rgb(229, 234, 244) | hsl(220 41% 93%) | oklab(94% 0 -0.01) | oklch(94% 0.01 260) | color(display-p3 0.9 0.92 0.95) | |
| #92a5fe | rgb(146, 165, 254) | hsl(230 98% 78%) | oklab(74% 0.01 -0.13) | oklch(74% 0.13 270) | color(display-p3 0.59 0.64 0.97) | |
| #587ffc | rgb(88, 127, 252) | hsl(230 96% 67%) | oklab(63% -0.01 -0.19) | oklch(63% 0.19 270) | color(display-p3 0.38 0.49 0.96) | |
| #1e1e5d | rgb(30, 30, 93) | hsl(240 51% 24%) | oklab(28% 0.01 -0.11) | oklch(28% 0.11 280) | color(display-p3 0.12 0.12 0.35) |
Click on a color value to copy it 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