graf1x

Fern Frond Color

Fern Frond is a olive color with hex code #657220. This page covers its meaning, all color values, harmonies, colors that go with fern frond, shades, tints, similar colors, CSS examples, FAQs, and WCAG contrast ratios.

Fern Frond Color Values

HEX
#657220
RGB
101, 114, 32
HSL
70, 56%, 29%
HSV
70, 72%, 45%
CIE LAB
45.5, -16.8, 41.7
OKLCH
0.524, 0.106, 118
ISCC-NBS
Olive
Hue Family
Olive

What Does Fern Frond Mean?

Fern Frond belongs to the olive family of colors. Being on the dark side, Fern Frond adds weight and depth. It suits text, shadows, and grounding elements more than wide-open backgrounds.

In the ISCC-NBS color naming system, Fern Frond is classified as a olive (nearest centroid: light olive, #867E36). It is also known as Fiji Green.

Color Harmonies

Complementary

#657220Fern Frond
#2E2173Complement

Analogous

#735821Analogous 1
#657220Fern Frond
#3C7321Analogous 2

Triadic

#657220Fern Frond
#216673Triad 1
#732166Triad 2

Colors That Go With Fern Frond

#657220Fern Frond
#2E2173Complement

Fern Frond and #2E2173 are complements, parked opposite each other on the wheel. Together they hit maximum contrast, so a rough 70/30 split keeps the pairing from shouting.

#735821Analogous 1
#657220Fern Frond
#3C7321Analogous 2

Analogous neighbors — #735821 and #3C7321, which sit beside fern frond on the wheel. Pairings like this feel calm and settled, which suits backgrounds and gradients.

#657220Fern Frond
#216673Triad 1
#732166Triad 2

For an energetic three-color palette, pair fern frond with triadic partners #216673 and #732166. All three sit evenly spaced around the wheel, so the scheme stays lively without clashing.

Build and test these combinations in our Color Wheel Tool or check text readability with the Contrast Checker.

Tints and Shades

Tints (lighter)

#90A32E
#B4CA44
#C7D874
#D9E4A0
#ECF2CF

Shades (darker)

#545F1B
#434C15
#353C11
#23280B
#121406

Similar Colors

CSS Examples

.text { color: #657220; }
.background { background-color: #657220; }
.border { border: 2px solid #657220; }
.shadow { box-shadow: 0 4px 6px #65722040; }

WCAG Contrast

5.27:1
vs White AA ✓
3.98:1
vs Black AA ✗

Frequently Asked Questions

What is the hex code for fern frond?

Fern Frond has the hex code #657220. In RGB notation it is rgb(101, 114, 32), in HSL it is hsl(70, 56%, 29%), and its OKLCH value is 0.524, 0.106, 118.

What does the color fern frond mean?

Olive-family colors like fern frond carry distinct psychological associations. Fern Frond belongs to the olive family of colors. Being on the dark side, Fern Frond adds weight and depth. It suits text, shadows, and grounding elements more than wide-open backgrounds.

What colors go with fern frond?

Fern Frond has three easy routes: its complement #2E2173 for punch, its neighbors #735821 and #3C7321 for something calmer, or triadic partners #216673 and #732166 when you want energy.

Is fern frond a standard web color?

No — Fern Frond is not a CSS keyword. Use its hex value #657220 or any RGB/HSL equivalent in your stylesheets.

How do I make fern frond lighter or darker?

To lighten fern frond, add white to create tints; to darken it, add black to create shades. The tints and shades table above shows five computed steps of each, from #ECF2CF (lightest tint) to #121406 (darkest shade).

About Fern Frond

Fern Frond is classified as a Olive in the ISCC-NBS color naming system, within the Olive hue family. It has alternative names including Fiji Green. The color is recognized by Resene, meodai.

Use our Color Converter to convert #657220 to any other color format, or explore the Color Wheel to find harmonious color combinations.