Lighter companion
Saffron Nocturne Soft
#443C22 · hsl(45, 34%, 20%)
RGB
rgb(48, 42, 24)
HSL
hsl(45, 34%, 14%)
CMYK
cmyk(0%, 13%, 50%, 81%)
Metrics
S 34% · L 14%
Contrast (WCAG)
on white
14.3:1AA
on black
1.5:1Fail
About this color
Saffron Ink Soft (#302A18) belongs to the yellow family — hue 45°, 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-saffron-ink-soft: #302A18; --colorarchive-saffron-ink-soft-hsl: hsl(45, 34%, 14%); --colorarchive-saffron-ink-soft-rgb: rgb(48, 42, 24); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Complementary counterpoint
Cobalt Ink Soft
#182030 · hsl(220, 34%, 14%)
Analogous lead
Honey Ink Soft
#2C3018 · hsl(70, 34%, 14%)
Analogous echo
Ember Ink Soft
#302018 · hsl(20, 34%, 14%)
Triadic +120°
Teal Ink Soft
#183028 · hsl(160, 34%, 14%)
Triadic +240°
Mulberry Ink Soft
#281830 · hsl(280, 34%, 14%)
Split-comp +150°
Cerulean Ink Soft
#182C30 · hsl(190, 34%, 14%)
Split-comp +210°
Violet Ink Soft
#1C1830 · hsl(250, 34%, 14%)
Export preview
Base: Saffron Ink Soft #302A18 Lighter companion: Saffron Nocturne Soft #443C22 Complementary counterpoint: Cobalt Ink Soft #182030 Analogous lead: Honey Ink Soft #2C3018 Analogous echo: Ember Ink Soft #302018 Triadic +120°: Teal Ink Soft #183028 Triadic +240°: Mulberry Ink Soft #281830 Split-comp +150°: Cerulean Ink Soft #182C30 Split-comp +210°: Violet Ink Soft #1C1830
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Saffron Ink Dust
#2D281A · hsl(45, 26%, 14%)
Nearby match
Saffron Nocturne Soft
#443C22 · hsl(45, 34%, 20%)
Nearby match
Apricot Ink Soft
#302818 · hsl(40, 34%, 14%)
Nearby match
Amber Ink Soft
#302C18 · hsl(50, 34%, 14%)
Nearby match
Saffron Ink Muted
#2A271D · hsl(45, 18%, 14%)
Nearby match
Saffron Nocturne Dust
#403A26 · hsl(45, 26%, 20%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#2E2E1F
Protanopia
#2E2D1D
Tritanopia
#302122
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.