#f3bfff
#e665c3
#c42097
#5e1944
Needler
#f3bfff
#e665c3
#c42097
#5e1944
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #f3bfff | rgb(243, 191, 255) | hsl(290 100% 87%) | oklab(87% 0.08 -0.07) | oklch(87% 0.1 320) | color(display-p3 0.92 0.76 0.98) | |
| #e665c3 | rgb(230, 101, 195) | hsl(320 72% 65%) | oklab(69% 0.18 -0.07) | oklch(69% 0.19 340) | color(display-p3 0.84 0.43 0.75) | |
| #c42097 | rgb(196, 32, 151) | hsl(320 72% 45%) | oklab(56% 0.21 -0.07) | oklch(56% 0.22 340) | color(display-p3 0.71 0.2 0.58) | |
| #5e1944 | rgb(94, 25, 68) | hsl(320 58% 23%) | oklab(34% 0.11 -0.03) | oklch(34% 0.11 350) | color(display-p3 0.34 0.12 0.26) |
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.
#f3bfff
AA - 1.53
#e665c3
AA - 2.99
#c42097
AA - 5.24
#5e1944
AAA - 12.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