#1c22c7
#637aff
#ff9a57
#ffd359
#e3e3e3
Color Palette
Fullness
by Colorffy Team
About
Blue
Orange
Main Actions
#1c22c7
#637aff
#ff9a57
#ffd359
#e3e3e3
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 |
|---|---|---|---|---|---|---|---|
| | #1c22c7 | rgb(11% 13.3% 78%) | hwb(240 11% 22%) | oklab(40.5% -0.009 -0.239) | oklch(40.5% 0.24 268) | color(display-p3 0.114 0.133 0.749) | |
| | #637aff | rgb(38.8% 47.8% 100%) | hwb(230 39% 0%) | oklab(63.2% 0.007 -0.198) | oklch(63.2% 0.198 272) | color(display-p3 0.406 0.476 0.967) | |
| | #ff9a57 | rgb(100% 60.4% 34.1%) | hwb(24 34% 0%) | oklab(77.9% 0.089 0.116) | oklch(77.9% 0.146 52.5) | color(display-p3 0.945 0.623 0.392) | |
| | #ffd359 | rgb(100% 82.7% 34.9%) | hwb(44 35% 0%) | oklab(88.3% 0.002 0.146) | oklch(88.3% 0.146 89.1) | color(display-p3 0.972 0.834 0.43) | |
| | #e3e3e3 | rgb(89% 89% 89%) | hwb(none 89% 11%) | oklab(91.6% 0 0) | oklch(91.6% 0 none) | color(display-p3 0.89 0.89 0.89) |
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
#1c22c7
AAA - 9.98
Lc -96
#637aff
Fail - 3.64
Lc -69
#ff9a57
Fail - 2.09
Lc -45
#ffd359
Fail - 1.42
Lc -23
#e3e3e3
Fail - 1.28
Lc -16
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