#354696
#F5F4B8
#67BCE6
#E5788C
#FDFEFF
Color Palette
Ninja
by Colorffy Team
About
Blue
Yellow
Main Actions
#354696
#F5F4B8
#67BCE6
#E5788C
#FDFEFF
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 |
|---|---|---|---|---|---|---|---|
| | #354696 | rgb(20.8% 27.5% 58.8%) | hwb(230 21% 41%) | oklab(42.6% 0.002 -0.132) | oklch(42.6% 0.132 271) | color(display-p3 0.221 0.273 0.568) | |
| | #f5f4b8 | rgb(96.1% 95.7% 72.2%) | hwb(59 72% 3.9%) | oklab(95.4% -0.022 0.074) | oklch(95.4% 0.077 107) | color(display-p3 0.96 0.957 0.747) | |
| | #67bce6 | rgb(40.4% 73.7% 90.2%) | hwb(200 40% 9.8%) | oklab(75.8% -0.063 -0.08) | oklch(75.8% 0.102 232) | color(display-p3 0.485 0.729 0.886) | |
| | #e5788c | rgb(89.8% 47.1% 54.9%) | hwb(350 47% 10%) | oklab(70.1% 0.134 0.023) | oklch(70.1% 0.136 9.58) | color(display-p3 0.842 0.493 0.552) | |
| | #fdfeff | rgb(99.2% 99.6% 100%) | hwb(210 99% 0%) | oklab(99.7% -0.001 -0.002) | oklch(99.7% 0.002 248) | color(display-p3 0.993 0.996 1) |
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
#354696
AAA - 8.5
Lc -94
#F5F4B8
Fail - 1.13
Lc 0
#67BCE6
Fail - 2.11
Lc -46
#E5788C
Fail - 2.83
Lc -59
#FDFEFF
Fail - 1
Lc 0
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