#686cf2
#9496ff
#dbdbf4
#f0f1ff
#f2b408
Color Palette
Cornflower
by Colorffy Team
About
Blue
Yellow
Main Actions
#686cf2
#9496ff
#dbdbf4
#f0f1ff
#f2b408
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 |
|---|---|---|---|---|---|---|---|
| | #686cf2 | rgb(40.8% 42.4% 94.9%) | hwb(240 41% 5.1%) | oklab(60% 0.025 -0.195) | oklch(60% 0.197 277) | color(display-p3 0.411 0.423 0.917) | |
| | #9496ff | rgb(58% 58.8% 100%) | hwb(240 58% 0%) | oklab(71.6% 0.029 -0.148) | oklch(71.6% 0.151 281) | color(display-p3 0.582 0.588 0.972) | |
| | #dbdbf4 | rgb(85.9% 85.9% 95.7%) | hwb(240 86% 4.3%) | oklab(89.9% 0.009 -0.033) | oklch(89.9% 0.034 286) | color(display-p3 0.859 0.859 0.949) | |
| | #f0f1ff | rgb(94.1% 94.5% 100%) | hwb(240 94% 0%) | oklab(96.1% 0.004 -0.018) | oklch(96.1% 0.019 283) | color(display-p3 0.942 0.945 0.995) | |
| | #f2b408 | rgb(94.9% 70.6% 3.14%) | hwb(44 3.1% 5.1%) | oklab(80.6% 0.019 0.163) | oklch(80.6% 0.164 83.3) | color(display-p3 0.912 0.716 0.249) |
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
#686cf2
Fail - 4.18
Lc -74
#9496ff
Fail - 2.6
Lc -56
#dbdbf4
Fail - 1.35
Lc -20
#f0f1ff
Fail - 1.12
Lc 0
#f2b408
Fail - 1.85
Lc -39
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