Gradient
Infinity
by Colorffy Team
About
Purple
space
dark
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 |
|---|---|---|---|---|---|---|---|
| | #4c00ff | rgb(29.8% 0% 100%) | hwb(260 0% 0%) | oklab(48.2% 0.037 -0.295) | oklch(48.2% 0.298 277) | color(display-p3 0.27 0.031 0.96) | |
| | #3e01c4 | rgb(24.3% 0.392% 76.9%) | hwb(260 0.39% 23%) | oklab(40% 0.04 -0.239) | oklch(40% 0.243 279) | color(display-p3 0.22 0.024 0.738) | |
| | #2e048d | rgb(18% 1.57% 55.3%) | hwb(260 1.6% 45%) | oklab(32% 0.037 -0.184) | oklch(32% 0.188 281) | color(display-p3 0.163 0.027 0.53) | |
| | #1d0459 | rgb(11.4% 1.57% 34.9%) | hwb(260 1.6% 65%) | oklab(23.7% 0.031 -0.129) | oklch(23.7% 0.133 284) | color(display-p3 0.102 0.02 0.334) | |
| | #0c032b | rgb(4.71% 1.18% 16.9%) | hwb(250 1.2% 83%) | oklab(15.6% 0.021 -0.075) | oklch(15.6% 0.078 285) | color(display-p3 0.041 0.013 0.161) |
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
#4c00ff
AAA - 7.63
Lc -89
#3e01c4
AAA - 10.46
Lc -96
#2e048d
AAA - 13.83
Lc -102
#1d0459
AAA - 17.3
Lc -106
#0c032b
AAA - 19.74
Lc -107
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