#7281f6
#bac2fa
#eaecfd
#f67281
#81f672
Rose
#7281f6
#bac2fa
#eaecfd
#f67281
#81f672
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Red
Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #7281f6 | rgb(114, 129, 246) | hsl(230 88% 71%) | oklab(65% 0.02 -0.17) | oklch(65% 0.17 270) | color(display-p3 0.46 0.5 0.93) | |
| #bac2fa | rgb(186, 194, 250) | hsl(230 86% 85%) | oklab(83% 0.01 -0.08) | oklch(83% 0.08 280) | color(display-p3 0.74 0.76 0.96) | |
| #eaecfd | rgb(234, 236, 253) | hsl(230 83% 95%) | oklab(95% 0 -0.02) | oklch(95% 0.02 280) | color(display-p3 0.92 0.93 0.99) | |
| #f67281 | rgb(246, 114, 129) | hsl(350 88% 71%) | oklab(71% 0.16 0.04) | oklch(71% 0.16 15) | color(display-p3 0.9 0.48 0.51) | |
| #81f672 | rgb(129, 246, 114) | hsl(110 88% 71%) | oklab(88% -0.16 0.13) | oklch(88% 0.2 140) | color(display-p3 0.62 0.95 0.51) |
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.
#7281f6
AA - 3.39
#bac2fa
AA - 1.72
#eaecfd
AA - 1.17
#f67281
AA - 2.74
#81f672
AA - 1.36
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