#011c27
#03254e
#545677
#eb9fef
#fecee9
Color Palette
Donut
by Colorffy Team
About
Blue
Pink
Main Actions
#011c27
#03254e
#545677
#eb9fef
#fecee9
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 |
|---|---|---|---|---|---|---|---|
| | #011c27 | rgb(0.392% 11% 15.3%) | hwb(200 0.39% 85%) | oklab(21.2% -0.027 -0.03) | oklch(21.2% 0.04 228) | color(display-p3 0.03 0.108 0.149) | |
| | #03254e | rgb(1.18% 14.5% 30.6%) | hwb(210 1.2% 69%) | oklab(26.8% -0.021 -0.082) | oklch(26.8% 0.085 256) | color(display-p3 0.051 0.142 0.295) | |
| | #545677 | rgb(32.9% 33.7% 46.7%) | hwb(240 33% 53%) | oklab(46.5% 0.011 -0.052) | oklch(46.5% 0.053 281) | color(display-p3 0.331 0.337 0.457) | |
| | #eb9fef | rgb(92.2% 62.4% 93.7%) | hwb(300 62% 6.3%) | oklab(80.3% 0.112 -0.078) | oklch(80.3% 0.137 325) | color(display-p3 0.878 0.636 0.919) | |
| | #fecee9 | rgb(99.6% 80.8% 91.4%) | hwb(330 81% 0.39%) | oklab(90.1% 0.061 -0.018) | oklch(90.1% 0.064 344) | color(display-p3 0.966 0.815 0.908) |
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
#011c27
AAA - 17.54
Lc -106
#03254e
AAA - 15.23
Lc -105
#545677
AAA - 7.06
Lc -89
#eb9fef
Fail - 1.95
Lc -42
#fecee9
Fail - 1.37
Lc -21
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