#2a7e5e
#255a6f
#3cb2b4
#6acd84
#f4fbf4
Color Palette
NATURE
by Colorffy Team
About
Blue
Green
Main Actions
#2a7e5e
#255a6f
#3cb2b4
#6acd84
#f4fbf4
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 |
|---|---|---|---|---|---|---|---|
| | #2a7e5e | rgb(16.5% 49.4% 36.9%) | hwb(160 16% 51%) | oklab(53.4% -0.092 0.026) | oklch(53.4% 0.095 164) | color(display-p3 0.263 0.487 0.377) | |
| | #255a6f | rgb(14.5% 35.3% 43.5%) | hwb(200 15% 56%) | oklab(44.1% -0.044 -0.048) | oklch(44.1% 0.065 227) | color(display-p3 0.201 0.348 0.427) | |
| | #3cb2b4 | rgb(23.5% 69.8% 70.6%) | hwb(180 24% 29%) | oklab(70% -0.098 -0.029) | oklch(70% 0.103 197) | color(display-p3 0.375 0.689 0.7) | |
| | #6acd84 | rgb(41.6% 80.4% 51.8%) | hwb(140 42% 20%) | oklab(77% -0.122 0.069) | oklch(77% 0.14 150) | color(display-p3 0.514 0.795 0.544) | |
| | #f4fbf4 | rgb(95.7% 98.4% 95.7%) | hwb(120 96% 1.6%) | oklab(98.1% -0.01 0.007) | oklch(98.1% 0.012 145) | color(display-p3 0.962 0.983 0.959) |
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
#2a7e5e
AA - 4.94
Lc -79
#255a6f
AAA - 7.57
Lc -91
#3cb2b4
Fail - 2.55
Lc -55
#6acd84
Fail - 1.96
Lc -42
#f4fbf4
Fail - 1.05
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.
PWA Prompt