Gradient
Marigold
by Colorffy Team
About
Orange
Yellow
traditions
nature
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 |
|---|---|---|---|---|---|---|---|
| | #ff5733 | rgb(100% 34.1% 20%) | hwb(11 20% 0%) | oklab(68% 0.175 0.116) | oklch(68% 0.21 33.7) | color(display-p3 0.926 0.389 0.258) | |
| | #ff7f33 | rgb(100% 49.8% 20%) | hwb(22 20% 0%) | oklab(73.2% 0.12 0.131) | oklch(73.2% 0.177 47.4) | color(display-p3 0.936 0.525 0.278) | |
| | #ffa633 | rgb(100% 65.1% 20%) | hwb(34 20% 0%) | oklab(79.6% 0.061 0.147) | oklch(79.6% 0.159 67.5) | color(display-p3 0.95 0.667 0.303) | |
| | #ffd333 | rgb(100% 82.7% 20%) | hwb(47 20% 0%) | oklab(88% -0.006 0.168) | oklch(88% 0.168 92.2) | color(display-p3 0.972 0.834 0.34) | |
| | #ffe633 | rgb(100% 90.2% 20%) | hwb(53 20% 0%) | oklab(91.8% -0.033 0.177) | oklch(91.8% 0.18 101) | color(display-p3 0.984 0.905 0.357) |
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
#FF5733
Fail - 3.15
Lc -63
#FF7F33
Fail - 2.51
Lc -54
#FFA633
Fail - 1.95
Lc -42
#FFD333
Fail - 1.43
Lc -24
#FFE633
Fail - 1.26
Lc -15
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