HEX atlas value

#244C39

#244C39 is a cool green HEX color close to Pine Needle. According to Colors Encyclopedia, it converts to RGB 36, 76, 57, HSL 152, 36%, 22%, has luminance 0.0584, and belongs to the dark and earth tone groups.

green cool dark earth-tone

#244C39 Sample readable text

HEX #244C39

RGB rgb(36, 76, 57)

HSL hsl(152 36% 22%)

CMYK cmyk(53, 0, 25, 70)

Luminance 0.0584

Contrast Black 2.17:1White 9.69:1

CSS

--color-244c39: #244C39;
.background-244c39 { background-color: #244C39; }
.text-244c39 { color: #244C39; }

Luminance0.0584

Black text2.17:1AA Fail

White text9.69: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":"#244C39","rgb":[36,76,57],"hsl":[152,36,22],"cmyk":[53,0,25,70],"luminance":0.0584,"contrast":{"black":2.17,"white":9.69}}

WCAG

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

Safe pairings

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

Accessible alternatives

[{"name":"#070E0A","hex":"#070E0A","family":"green","bestTextColor":"#FFFFFF","contrastBlack":1.08,"contrastWhite":19.52,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#4C2437","hex":"#4C2437","family":"pink","bestTextColor":"#FFFFFF","contrastBlack":1.61,"contrastWhite":13.01,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Gunmetal","hex":"#2A3439","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":1.65,"contrastWhite":12.74,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#304039","hex":"#304039","family":"green","bestTextColor":"#FFFFFF","contrastBlack":1.92,"contrastWhite":10.95,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#244C25","hex":"#244C25","family":"green","bestTextColor":"#FFFFFF","contrastBlack":2.14,"contrastWhite":9.83,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]}]

AI context

{"semanticGroups":["cool green","dark","earth tone","dark green","earth tone green","Pine Needle adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","natural palettes","dark theme accents","botanical and wellness palettes"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/244c39.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/pine-needle.json","https://www.colorsencyclopedia.com/api/colors/spruce.json","https://www.colorsencyclopedia.com/api/colors/gunmetal.json"]}

Harmonies

{"complementary":"#4C2437","analogous":["#244C25","#244B4C"],"triadic":["#39244C","#4C3924"],"tetradic":["#25244C","#4C2437","#4B4C24"],"splitComplementary":["#4C244B","#4C2524"],"monochromatic":["#418B68","#244C39","#070E0A"]}

Variants

{"light":"#418B68","dark":"#070E0A","saturated":"#18593A","desaturated":"#304039","pastel":"#5F917A","neon":"#009952"}

Nearest named colors

[{"slug":"pine-needle","name":"Pine Needle","hex":"#334D41","distance":17.029386365926403},{"slug":"spruce","name":"Spruce","hex":"#2E4F4F","distance":24.351591323771842},{"slug":"gunmetal","name":"Gunmetal","hex":"#2A3439","distance":24.73863375370596},{"slug":"dark-slate-gray","name":"Dark Slate Gray","hex":"#2F4F4F","distance":24.779023386727733},{"slug":"dark-slate-grey","name":"Dark Slate Grey","hex":"#2F4F4F","distance":24.779023386727733}]

HEX meaning and use

About #244C39

#244C39 is classified as a cool green value with dark and earth tone visual character. #244C39 is visually closest to Pine Needle, a named green color with HEX #334D41.

The RGB channels are 36, 76, and 57, with green carrying the strongest channel weight. In HSL, the hue is 152deg with 36% saturation and 22% lightness, so this page treats it as a moderate-saturation, dark atlas color rather than a generic swatch.

According to Colors Encyclopedia, this HEX value works best for color conversion, WCAG contrast checks, CSS color tokens, and natural palettes. Its luminance is 0.0584, white text provides the stronger contrast for readable interface or documentation use, and Its nearest named-color distance is 17.03, which helps separate this atlas value from adjacent named color records.

WCAG Accessibility

Black text2.17:1AA Fail

White text9.69:1AA Pass

AA text options: #FFFFFF, #F5F5F5.

AAA text options: #FFFFFF, #F5F5F5.

Accessibility-Safe Pairings and Alternatives

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

Black text#0000002.17:1 · Fail

White text#FFFFFF9.69:1 · AAA

Accessible Alternatives

#070E0A#FFFFFF text · best 19.52:1#070E0A

#4C2437#FFFFFF text · best 13.01:1#4C2437

Gunmetal#FFFFFF text · best 12.74:1#2A3439

#304039#FFFFFF text · best 10.95:1#304039

#244C25#FFFFFF text · best 9.83:1#244C25

Generated Palette

#244C39#244C39

#4C2437#4C2437

#244C25#244C25

#244B4C#244B4C

#418B68#418B68

#070E0A#070E0A

Color Harmonies

#4C2437#4C2437

#244C25#244C25

#244B4C#244B4C

#39244C#39244C

#4C3924#4C3924

Variants

#418B68#418B68

#070E0A#070E0A

#18593A#18593A

#304039#304039

#5F917A#5F917A

#009952#009952

Nearest Named Colors

Pine Needle#334D41

Spruce#2E4F4F

Gunmetal#2A3439

Dark Slate Gray#2F4F4F

Dark Slate Grey#2F4F4F

#244C39

CSS

Machine-Readable HEX Data (JSON)

About #244C39

WCAG Accessibility

Accessibility-Safe Pairings and Alternatives

Accessible Alternatives

Generated Palette

Color Harmonies

Variants

Nearest Named Colors

Related HEX Guides