HEX atlas value

#657220

#657220 is a cool green HEX color nearest Fern Frond. RGB 101, 114, 32, HSL 70° 56% 29%, luminance 0.1491; view contrast and conversions.

green cool earth-tone jewel-tone

#657220 Sample readable text

HEX #657220

RGB rgb(101, 114, 32)

HSL hsl(70 56% 29%)

CMYK cmyk(11, 0, 72, 55)

Luminance 0.1491

Contrast Black 3.98:1White 5.27:1

CSS

--color-657220: #657220;
.background-657220 { background-color: #657220; }
.text-657220 { color: #657220; }

HEX meaning and use

About #657220

#657220 is classified as a cool green value with earth tone and jewel tone visual character. #657220 is visually closest to Fern Frond, a named green color with HEX #657220.

The RGB channels are 101, 114, and 32, with green carrying the strongest channel weight. In HSL, the hue is 70deg with 56% saturation and 29% lightness, so this page treats it as a moderate-saturation, dark atlas color rather than a generic swatch.

Practical uses for this HEX value include color conversion, WCAG contrast checks, CSS color tokens, and natural palettes. Its luminance is 0.1491, white text provides the stronger contrast for readable interface or documentation use, and Its nearest named-color distance is 0.00, which helps separate this atlas value from adjacent named color records.

WCAG Accessibility

Black text3.98:1AA Fail

White text5.27:1AA Pass

AA text options: #FFFFFF, #F5F5F5.

AAA text options: none in seed set.

Accessibility-Safe Pairings and Alternatives

Use these pairings when #657220 needs readable text, badges, interface states, or nearby accessible alternatives.

Black text#0000003.98:1 · Fail

White text#FFFFFF5.27:1 · AA

Accessible Alternatives

#272C0C#272C0C · #FFFFFF text · best 14.46:1 #2E2173#2E2173 · #FFFFFF text · best 13.27:1 #A5BB35#A5BB35 · #000000 text · best 9.76:1 #735821#735821 · #FFFFFF text · best 6.68:1 #5B6331#5B6331 · #FFFFFF text · best 6.41:1

Generated Palette

Fern Frond#657220

#2E2173#2E2173

#735821#735821

#3C7321#3C7321

#A5BB35#A5BB35

#272C0C#272C0C

Color Harmonies

#2E2173#2E2173

#735821#735821

#3C7321#3C7321

#216673#216673

#732166#732166

Variants

#A5BB35#A5BB35

#272C0C#272C0C

#708410#708410

#5B6331#5B6331

#AABA5A#AABA5A

#9DBD00#9DBD00

Nearest Named Colors

Fern Frond#657220

Dark Olive Green#556B2F

Olive Drab#6B8E23

Olive Leaf#6B8E23

Olive Green#708238

Luminance0.1491

Black text3.98:1AA Fail

White text5.27:1AA Pass

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Color systems

{"hex":"#657220","rgb":[101,114,32],"hsl":[70,56,29],"cmyk":[11,0,72,55],"luminance":0.1491,"contrast":{"black":3.98,"white":5.27}}

WCAG

{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]}

Safe pairings

[{"name":"Black text","hex":"#000000","contrast":3.98,"wcagAA":false,"wcagAAA":false},{"name":"White text","hex":"#FFFFFF","contrast":5.27,"wcagAA":true,"wcagAAA":false}]

Accessible alternatives

[{"name":"#272C0C","hex":"#272C0C","family":"yellow","bestTextColor":"#FFFFFF","contrastBlack":1.45,"contrastWhite":14.46,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#2E2173","hex":"#2E2173","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":1.58,"contrastWhite":13.27,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#A5BB35","hex":"#A5BB35","family":"green","bestTextColor":"#000000","contrastBlack":9.76,"contrastWhite":2.15,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"#735821","hex":"#735821","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":3.15,"contrastWhite":6.68,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":[]},{"name":"#5B6331","hex":"#5B6331","family":"green","bestTextColor":"#FFFFFF","contrastBlack":3.27,"contrastWhite":6.41,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":[]}]

AI context

{"semanticGroups":["cool green","earth tone","jewel tone","earth tone green","jewel tone green","Fern Frond adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","natural palettes","rich accent palettes","botanical and wellness palettes"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/657220.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/fern-frond.json","https://www.colorsencyclopedia.com/api/colors/dark-olive-green.json","https://www.colorsencyclopedia.com/api/colors/olive-drab.json"]}

Harmonies

{"complementary":"#2E2173","analogous":["#735821","#3C7321"],"triadic":["#216673","#732166"],"tetradic":["#217358","#2E2173","#73213C"],"splitComplementary":["#213C73","#582173"],"monochromatic":["#A5BB35","#657220","#272C0C"]}

Variants

{"light":"#A5BB35","dark":"#272C0C","saturated":"#708410","desaturated":"#5B6331","pastel":"#AABA5A","neon":"#9DBD00"}

Nearest named colors

[{"slug":"fern-frond","name":"Fern Frond","hex":"#657220","distance":0},{"slug":"dark-olive-green","name":"Dark Olive Green","hex":"#556B2F","distance":23.021728866442675},{"slug":"olive-drab","name":"Olive Drab","hex":"#6B8E23","distance":28.792360097775937},{"slug":"olive-leaf","name":"Olive Leaf","hex":"#6B8E23","distance":28.792360097775937},{"slug":"olive-green","name":"Olive Green","hex":"#708238","distance":30.870698080866262}]

#657220

CSS

About #657220

WCAG Accessibility

Accessibility-Safe Pairings and Alternatives

Accessible Alternatives

Generated Palette

Color Harmonies

Variants

Nearest Named Colors

Machine-Readable HEX Data (JSON)

Related HEX Guides