#c514cc
#930d99
#6a00ff
#ffe640
#cca214
Color Palette
JENNA
by Colorffy Team
About
Yellow
Purple
Main Actions
#c514cc
#930d99
#6a00ff
#ffe640
#cca214
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 |
|---|---|---|---|---|---|---|---|
| | #c514cc | rgb(77.3% 7.84% 80%) | hwb(300 7.8% 20%) | oklab(58.7% 0.22 -0.146) | oklch(58.7% 0.264 326) | color(display-p3 0.709 0.173 0.773) | |
| | #930d99 | rgb(57.6% 5.1% 60%) | hwb(300 5.1% 40%) | oklab(47.3% 0.177 -0.118) | oklch(47.3% 0.213 326) | color(display-p3 0.528 0.121 0.58) | |
| | #6a00ff | rgb(41.6% 0% 100%) | hwb(260 0% 0%) | oklab(50.8% 0.084 -0.281) | oklch(50.8% 0.293 287) | color(display-p3 0.379 0.059 0.961) | |
| | #ffe640 | rgb(100% 90.2% 25.1%) | hwb(52 25% 0%) | oklab(91.9% -0.031 0.171) | oklch(91.9% 0.174 100) | color(display-p3 0.984 0.905 0.383) | |
| | #cca214 | rgb(80% 63.5% 7.84%) | hwb(46 7.8% 20%) | oklab(73% 0.002 0.145) | oklch(73% 0.145 89.4) | color(display-p3 0.774 0.642 0.229) |
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
#c514cc
AA - 4.83
Lc -77
#930d99
AAA - 7.61
Lc -90
#6a00ff
AA - 6.86
Lc -86
#ffe640
Fail - 1.26
Lc -15
#cca214
Fail - 2.4
Lc -52
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