Gradient
Jade
by Colorffy Team
About
Green
minerals
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 |
|---|---|---|---|---|---|---|---|
| | #06120d | rgb(2.35% 7.06% 5.1%) | hwb(160 2.4% 93%) | oklab(16.8% -0.02 0.005) | oklch(16.8% 0.021 166) | color(display-p3 0.033 0.069 0.052) | |
| | #133d2a | rgb(7.45% 23.9% 16.5%) | hwb(150 7.5% 76%) | oklab(32.4% -0.055 0.019) | oklch(32.4% 0.058 161) | color(display-p3 0.121 0.236 0.17) | |
| | #206748 | rgb(12.5% 40.4% 28.2%) | hwb(150 13% 60%) | oklab(46.1% -0.082 0.029) | oklch(46.1% 0.087 161) | color(display-p3 0.209 0.398 0.291) | |
| | #2c9266 | rgb(17.3% 57.3% 40%) | hwb(150 17% 43%) | oklab(59% -0.109 0.038) | oklch(59% 0.115 161) | color(display-p3 0.297 0.565 0.413) | |
| | #46e7a1 | rgb(27.5% 90.6% 63.1%) | hwb(150 27% 9.4%) | oklab(82.8% -0.156 0.057) | oklch(82.8% 0.166 160) | color(display-p3 0.476 0.893 0.653) |
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
#06120d
AAA - 19.08
Lc -107
#133d2a
AAA - 12.14
Lc -101
#206748
AA - 6.78
Lc -88
#2c9266
Fail - 3.88
Lc -71
#46e7a1
Fail - 1.59
Lc -30
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