#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