#9e93ed
#cbc4ff
#f48fff
#c7069a
#4d0636
Color Palette
Cupid
by Colorffy Team
About
Pink
Purple
Main Actions
#9e93ed
#cbc4ff
#f48fff
#c7069a
#4d0636
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 |
|---|---|---|---|---|---|---|---|
| | #9e93ed | rgb(62% 57.6% 92.9%) | hwb(250 58% 7.1%) | oklab(70.9% 0.041 -0.123) | oklch(70.9% 0.13 288) | color(display-p3 0.612 0.578 0.905) | |
| | #cbc4ff | rgb(79.6% 76.9% 100%) | hwb(250 77% 0%) | oklab(84.6% 0.028 -0.077) | oklch(84.6% 0.082 290) | color(display-p3 0.791 0.77 0.983) | |
| | #f48fff | rgb(95.7% 56.1% 100%) | hwb(290 56% 0%) | oklab(79.5% 0.148 -0.11) | oklch(79.5% 0.184 323) | color(display-p3 0.903 0.58 0.976) | |
| | #c7069a | rgb(78% 2.35% 60.4%) | hwb(310 2.4% 22%) | oklab(55.9% 0.227 -0.074) | oklch(55.9% 0.238 342) | color(display-p3 0.715 0.155 0.587) | |
| | #4d0636 | rgb(30.2% 2.35% 21.2%) | hwb(320 2.4% 70%) | oklab(28.5% 0.109 -0.028) | oklch(28.5% 0.112 346) | color(display-p3 0.275 0.053 0.206) |
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
#9e93ed
Fail - 2.67
Lc -57
#cbc4ff
Fail - 1.63
Lc -32
#f48fff
Fail - 2.05
Lc -44
#c7069a
AA - 5.35
Lc -80
#4d0636
AAA - 15.05
Lc -104
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