Gradient
Orangered
by Colorffy Team
About
Orange
marketing
sports
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 |
|---|---|---|---|---|---|---|---|
| | #812f19 | rgb(50.6% 18.4% 9.8%) | hwb(13 9.8% 49%) | oklab(42.1% 0.096 0.069) | oklch(42.1% 0.119 35.8) | color(display-p3 0.468 0.205 0.127) | |
| | #943921 | rgb(58% 22.4% 12.9%) | hwb(13 13% 42%) | oklab(46.8% 0.104 0.075) | oklch(46.8% 0.128 35.7) | color(display-p3 0.538 0.246 0.16) | |
| | #9f4229 | rgb(62.4% 25.9% 16.1%) | hwb(13 16% 38%) | oklab(49.9% 0.105 0.076) | oklch(49.9% 0.13 36) | color(display-p3 0.579 0.281 0.19) | |
| | #ad4a32 | rgb(67.8% 29% 19.6%) | hwb(12 20% 32%) | oklab(53.4% 0.111 0.078) | oklch(53.4% 0.136 34.9) | color(display-p3 0.631 0.313 0.224) | |
| | #bb543b | rgb(73.3% 32.9% 23.1%) | hwb(12 23% 27%) | oklab(57.1% 0.114 0.08) | oklch(57.1% 0.139 34.9) | color(display-p3 0.683 0.353 0.259) | |
| | #c85d44 | rgb(78.4% 36.5% 26.7%) | hwb(11 27% 22%) | oklab(60.5% 0.117 0.081) | oklch(60.5% 0.142 34.4) | color(display-p3 0.732 0.389 0.294) |
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
#812f19
AAA - 8.92
Lc -94
#943921
AAA - 7.32
Lc -90
#9f4229
AA - 6.39
Lc -86
#ad4a32
AA - 5.52
Lc -82
#bb543b
AA - 4.72
Lc -78
#c85d44
Fail - 4.11
Lc -73
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