Blue Prism
Misty blues fading into a twilight dream.
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 |
|---|---|---|---|---|---|---|---|
| | #e0e0e0 | rgb(87.8% 87.8% 87.8%) | hwb(none 88% 12%) | oklab(90.7% 0 0) | oklch(90.7% 0 none) | color(display-p3 0.878 0.878 0.878) | |
| | #93c5fd | rgb(57.6% 77.3% 99.2%) | hwb(210 58% 0.78%) | oklab(80.9% -0.03 -0.091) | oklch(80.9% 0.096 252) | color(display-p3 0.617 0.767 0.973) | |
| | #3b82f6 | rgb(23.1% 51% 96.5%) | hwb(220 23% 3.5%) | oklab(62.3% -0.033 -0.185) | oklch(62.3% 0.188 260) | color(display-p3 0.305 0.503 0.934) | |
| | #1e3a8a | rgb(11.8% 22.7% 54.1%) | hwb(220 12% 46%) | oklab(37.9% -0.011 -0.137) | oklch(37.9% 0.138 266) | color(display-p3 0.144 0.225 0.522) | |
| | #0f1f47 | rgb(5.88% 12.2% 27.8%) | hwb(220 5.9% 72%) | oklab(25.2% -0.007 -0.078) | oklch(25.2% 0.078 265) | color(display-p3 0.073 0.12 0.268) |
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
#E0E0E0
Fail - 1.32
Lc -18
#93C5FD
Fail - 1.8
Lc -37
#3B82F6
Fail - 3.67
Lc -69
#1E3A8A
AAA - 10.35
Lc -98
#0F1F47
AAA - 16.06
Lc -105
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.