RGB
rgb(44, 48, 24)
HSL
hsl(70, 34%, 14%)
Metrics
S 34% · L 14%
Contrast (WCAG)
on white
13.6:1AA
on black
1.5:1Fail
About this color
Honey Ink Soft (#2C3018) belongs to the lime family — hue 70°, 34% saturation, 14% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-honey-ink-soft: #2C3018; --colorarchive-honey-ink-soft-hsl: hsl(70, 34%, 14%); --colorarchive-honey-ink-soft-rgb: rgb(44, 48, 24); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Honey Nocturne Soft
#3F4422 · hsl(70, 34%, 20%)
Complementary counterpoint
Violet Ink Soft
#1C1830 · hsl(250, 34%, 14%)
Analogous lead
Lime Ink Soft
#243018 · hsl(90, 34%, 14%)
Analogous echo
Amber Ink Soft
#302C18 · hsl(50, 34%, 14%)
Triadic +120°
Cerulean Ink Soft
#182C30 · hsl(190, 34%, 14%)
Triadic +240°
Peony Ink Soft
#30182C · hsl(310, 34%, 14%)
Split-comp +150°
Cobalt Ink Soft
#182030 · hsl(220, 34%, 14%)
Split-comp +210°
Mulberry Ink Soft
#281830 · hsl(280, 34%, 14%)
Export preview
Base: Honey Ink Soft #2C3018 Lighter companion: Honey Nocturne Soft #3F4422 Complementary counterpoint: Violet Ink Soft #1C1830 Analogous lead: Lime Ink Soft #243018 Analogous echo: Amber Ink Soft #302C18 Triadic +120°: Cerulean Ink Soft #182C30 Triadic +240°: Peony Ink Soft #30182C Split-comp +150°: Cobalt Ink Soft #182030 Split-comp +210°: Mulberry Ink Soft #281830
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Honey Nocturne Soft
#3F4422 · hsl(70, 34%, 20%)
Nearby match
Honey Ink Muted
#282A1D · hsl(70, 18%, 14%)
Nearby match
Honey Ink Clear
#313710 · hsl(70, 54%, 14%)
Nearby match
Honey Shadow Soft
#58602F · hsl(70, 34%, 28%)
Nearby match
Citrine Ink Soft
#303018 · hsl(60, 34%, 14%)
Nearby match
Olive Ink Soft
#283018 · hsl(80, 34%, 14%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.
