fern Color Codes
Color Preview
Fern Color Values
Related Colors
Complementary
#b086bd
Analogous
hsl(136, 29%, 37%)
hsl(76, 29%, 37%)
Triadic
hsl(226, 29%, 37%)
hsl(346, 29%, 37%)
Tetradic
hsl(196, 29%, 37%)
hsl(286, 29%, 37%)
hsl(16, 29%, 37%)
HTML Snippets
.element { background-color: #4F7942; }.element { color: #4F7942; }This is how the text color would appear.
<span style="color: #4F7942;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black4.15 (AA Large)
White5.07 (AA)
Shades of Fern
hsl(106, 29%, 7%)
hsl(106, 29%, 22%)
#4F7942
hsl(106, 29%, 52%)
hsl(106, 29%, 67%)
Color Blindness Simulations
Protanopia (Red-Blind)
#616245
Deuteranopia (Green-Blind)
#5f5c46
Tritanopia (Blue-Blind)
#516765
Related Palettes
About fern
fern (#4F7942) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.