Fern
#548d44
Fern, represented by the hex value #548d44, pairs naturally with the complementary and analogous shades shown further down this page.
Color values
| HEX | #548d44 | |
|---|---|---|
| RGB | rgb(84, 141, 68) | |
| HSL | hsl(107, 35%, 41%) | |
| CMYK | cmyk(40%, 0%, 52%, 45%) | |
| LAB | lab(53, -31, 32) | |
| OKLCH | oklch(0.59 0.121 139) |
Color harmonies
Tints & shades
Code snippets
color: #548d44;
background-color: #548d44;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-stone-500 /* ≈ #79716b */
/* Flutter */
Color(0xFF548D44)
/* Swift / UIKit */
UIColor(red: 0.33, green: 0.55, blue: 0.27, alpha: 1.0)