Mystic Aura
Hints at enchantment and a soft glow.
by Colorffy Team
About
Main Actions
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 |
|---|---|---|---|---|---|---|---|
| | #0a031c | rgb(3.92% 1.18% 11%) | hwb(260 1.2% 89%) | oklab(13.5% 0.022 -0.051) | oklch(13.5% 0.055 293) | color(display-p3 0.034 0.013 0.104) | |
| | #5d387b | rgb(36.5% 22% 48.2%) | hwb(270 22% 52%) | oklab(41.6% 0.069 -0.09) | oklch(41.6% 0.113 308) | color(display-p3 0.344 0.226 0.467) | |
| | #ac94b8 | rgb(67.5% 58% 72.2%) | hwb(280 58% 28%) | oklab(70% 0.041 -0.042) | oklch(70% 0.058 314) | color(display-p3 0.659 0.584 0.712) | |
| | #f0e5d5 | rgb(94.1% 89.8% 83.5%) | hwb(36 84% 5.9%) | oklab(92.6% 0.005 0.024) | oklch(92.6% 0.024 77.5) | color(display-p3 0.934 0.9 0.842) | |
| | #2bc4a5 | rgb(16.9% 76.9% 64.7%) | hwb(170 17% 23%) | oklab(73.7% -0.13 0.011) | oklch(73.7% 0.13 175) | color(display-p3 0.378 0.758 0.652) |
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
Large Pass
Fail
#0a031c
AAA - 20.14
Lc -108
#5d387b
AAA - 9.06
Lc -95
#ac94b8
Fail - 2.73
Lc -58
#f0e5d5
Fail - 1.24
Lc -14
#2bc4a5
Fail - 2.2
Lc -48
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.