Budget
Verdant vibrancy, echoing lush landscapes.
by Colorffy Team
About
Main Actions
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #0e5e20 | rgb(5.49% 36.9% 12.5%) | hwb(130 5.5% 63%) | oklab(42.2% -0.1 0.067) | oklch(42.2% 0.12 146) | color(display-p3 0.166 0.363 0.157) | |
| | #12a334 | rgb(7.06% 63.9% 20.4%) | hwb(130 7.1% 36%) | oklab(62.4% -0.155 0.106) | oklch(62.4% 0.188 146) | color(display-p3 0.293 0.63 0.267) | |
| | #3ddc84 | rgb(23.9% 86.3% 51.8%) | hwb(150 24% 14%) | oklab(79.3% -0.162 0.079) | oklch(79.3% 0.18 154) | color(display-p3 0.444 0.851 0.549) | |
| | #99edc3 | rgb(60% 92.9% 76.5%) | hwb(150 60% 7.1%) | oklab(88.1% -0.096 0.032) | oklch(88.1% 0.101 162) | color(display-p3 0.674 0.921 0.776) | |
| | #e2fae6 | rgb(88.6% 98% 90.2%) | hwb(130 89% 2%) | oklab(96.2% -0.032 0.018) | oklch(96.2% 0.036 150) | color(display-p3 0.904 0.977 0.908) |
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
Large Pass
Fail
#0E5E20
AAA - 7.95
Lc -92
#12A334
Fail - 3.32
Lc -65
#3DDC84
Fail - 1.78
Lc -36
#99EDC3
Fail - 1.37
Lc -21
#E2FAE6
Fail - 1.1
Lc 0
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 palette in different UI components.