#5724f6
#8124f6
#ab24f6
#d524f6
#e863ff
Color Palette
Prisma
by Colorffy Team
About
Pink
Purple
retro
fashion
Main Actions
#5724f6
#8124f6
#ab24f6
#d524f6
#e863ff
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #5724f6 | rgb(34.1% 14.1% 96.5%) | hwb(250 14% 3.5%) | oklab(49.6% 0.051 -0.27) | oklch(49.6% 0.275 281) | color(display-p3 0.316 0.153 0.927) | |
| | #8124f6 | rgb(50.6% 14.1% 96.5%) | hwb(270 14% 3.5%) | oklab(53.6% 0.114 -0.248) | oklch(53.6% 0.273 295) | color(display-p3 0.466 0.169 0.928) | |
| | #ab24f6 | rgb(67.1% 14.1% 96.5%) | hwb(280 14% 3.5%) | oklab(58.6% 0.173 -0.219) | oklch(58.6% 0.279 308) | color(display-p3 0.616 0.192 0.93) | |
| | #d524f6 | rgb(83.5% 14.1% 96.5%) | hwb(290 14% 3.5%) | oklab(64.3% 0.224 -0.186) | oklch(64.3% 0.291 320) | color(display-p3 0.768 0.218 0.932) | |
| | #e863ff | rgb(91% 38.8% 100%) | hwb(290 39% 0%) | oklab(72.4% 0.191 -0.152) | oklch(72.4% 0.244 321) | color(display-p3 0.847 0.42 0.97) |
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.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#5724f6
AAA - 7.02
Lc -88
#8124f6
AA - 5.97
Lc -83
#ab24f6
AA - 4.86
Lc -77
#d524f6
Fail - 3.88
Lc -70
#e863ff
Fail - 2.74
Lc -57
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 palette in different UI components.
PWA Prompt