Featured
Gradient
Wine
by Colorffy Team
About
Red
marketing
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 |
|---|---|---|---|---|---|---|---|
| | #800020 | rgb(50.2% 0% 12.5%) | hwb(350 0% 50%) | oklab(38% 0.144 0.049) | oklch(38% 0.152 18.6) | color(display-p3 0.458 0.08 0.137) | |
| | #99253a | rgb(60% 14.5% 22.7%) | hwb(350 15% 40%) | oklab(45.7% 0.145 0.041) | oklch(45.7% 0.151 15.6) | color(display-p3 0.552 0.184 0.236) | |
| | #b34054 | rgb(70.2% 25.1% 32.9%) | hwb(350 25% 30%) | oklab(53.7% 0.145 0.034) | oklch(53.7% 0.149 13.3) | color(display-p3 0.65 0.282 0.336) | |
| | #cc586f | rgb(80% 34.5% 43.5%) | hwb(350 35% 20%) | oklab(61.3% 0.146 0.026) | oklch(61.3% 0.148 10.3) | color(display-p3 0.744 0.372 0.439) | |
| | #e5718a | rgb(89.8% 44.3% 54.1%) | hwb(350 44% 10%) | oklab(69% 0.144 0.02) | oklch(69% 0.145 8.07) | color(display-p3 0.84 0.468 0.544) | |
| | #ff8aa7 | rgb(100% 54.1% 65.5%) | hwb(350 54% 0%) | oklab(76.9% 0.143 0.013) | oklch(76.9% 0.144 5.23) | color(display-p3 0.939 0.565 0.656) |
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
#800020
AAA - 10.83
Lc -97
#99253a
AAA - 7.83
Lc -91
#b34054
AA - 5.55
Lc -82
#cc586f
Fail - 4.04
Lc -73
#e5718a
Fail - 2.97
Lc -61
#ff8aa7
Fail - 2.22
Lc -48
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