Gradient
Duskfall
by Colorffy Team
About
Blue
marketing
tech
Main Actions
Quick actions
Explore the gradient in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #5d59f2 | rgb(36.5% 34.9% 94.9%) | hwb(240 35% 5.1%) | oklab(56% 0.029 -0.22) | oklch(56% 0.222 278) | color(display-p3 0.362 0.35 0.915) | |
| | #6662f5 | rgb(40% 38.4% 96.1%) | hwb(240 38% 3.9%) | oklab(58.4% 0.032 -0.211) | oklch(58.4% 0.213 279) | color(display-p3 0.397 0.385 0.927) | |
| | #716df8 | rgb(44.3% 42.7% 97.3%) | hwb(240 43% 2.7%) | oklab(61.2% 0.035 -0.199) | oklch(61.2% 0.202 280) | color(display-p3 0.44 0.428 0.94) | |
| | #7d78fa | rgb(49% 47.1% 98%) | hwb(240 47% 2%) | oklab(64.2% 0.037 -0.184) | oklch(64.2% 0.188 281) | color(display-p3 0.487 0.471 0.949) | |
| | #8a84fb | rgb(54.1% 51.8% 98.4%) | hwb(240 52% 1.6%) | oklab(67.3% 0.039 -0.167) | oklch(67.3% 0.172 283) | color(display-p3 0.537 0.518 0.954) |
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.
#5D59F2
AA - 5.02
#6662F5
AA - 4.53
#716DF8
Fail - 4
#7D78FA
Fail - 3.53
#8A84FB
Fail - 3.1
Contrast Level Explanations
Click on a color block to open the full contrast checker. Levels are based on WCAG 2.1 guidelines.
AAA
Perfect ≥ 7:1
Easy to read for everyone, including people with visual impairments.
AA
Good ≥ 4.5:1
Meets standard requirements for most users and situations.
Fail
Poor < 4.5:1
Text may be difficult to read, especially for people with visual challenges.
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 gradient in different UI components.
32°
CPU
48°
GPU
100%
Usage
11°
Rain
70%
Storage
PWA Prompt