Gradient
Love
by Colorffy Team
About
Pink
traditions
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 |
|---|---|---|---|---|---|---|---|
| | #ed20ed | rgb(92.9% 12.5% 92.9%) | hwb(300 13% 7.1%) | oklab(67.1% 0.251 -0.155) | oklch(67.1% 0.295 328) | color(display-p3 0.854 0.227 0.9) | |
| | #f565f1 | rgb(96.1% 39.6% 94.5%) | hwb(300 40% 3.9%) | oklab(73.6% 0.202 -0.122) | oklch(73.6% 0.236 329) | color(display-p3 0.893 0.432 0.919) | |
| | #fb90f6 | rgb(98.4% 56.5% 96.5%) | hwb(300 56% 1.6%) | oklab(80% 0.153 -0.093) | oklch(80% 0.179 329) | color(display-p3 0.928 0.585 0.943) | |
| | #feb7f9 | rgb(99.6% 71.8% 97.6%) | hwb(300 72% 0.39%) | oklab(86.6% 0.101 -0.061) | oklch(86.6% 0.117 329) | color(display-p3 0.954 0.729 0.961) |
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
#ed20ed
Fail - 3.48
Lc -66
#f565f1
Fail - 2.62
Lc -55
#fb90f6
Fail - 2.01
Lc -43
#feb7f9
Fail - 1.57
Lc -29
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