Lighter companion
Saffron Dusk Clear
#866E28 · hsl(45, 54%, 34%)
RGB
rgb(110, 91, 33)
HSL
hsl(45, 54%, 28%)
CMYK
cmyk(0%, 17%, 70%, 57%)
Metrics
S 54% · L 28%
Contrast (WCAG)
on white
6.6:1AA
on black
3.2:1AA Large
About this color
Saffron Shadow Clear (#6E5B21) belongs to the yellow family — hue 45°, 54% saturation, 28% 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-shadow-clear: #6E5B21; --colorarchive-saffron-shadow-clear-hsl: hsl(45, 54%, 28%); --colorarchive-saffron-shadow-clear-rgb: rgb(110, 91, 33); }
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.
Darker companion
Saffron Nocturne Clear
#4F4117 · hsl(45, 54%, 20%)
Complementary counterpoint
Cobalt Shadow Clear
#213B6E · hsl(220, 54%, 28%)
Analogous lead
Honey Shadow Clear
#616E21 · hsl(70, 54%, 28%)
Analogous echo
Ember Shadow Clear
#6E3B21 · hsl(20, 54%, 28%)
Triadic +120°
Teal Shadow Clear
#216E54 · hsl(160, 54%, 28%)
Triadic +240°
Mulberry Shadow Clear
#54216E · hsl(280, 54%, 28%)
Split-comp +150°
Cerulean Shadow Clear
#21616E · hsl(190, 54%, 28%)
Split-comp +210°
Violet Shadow Clear
#2E216E · hsl(250, 54%, 28%)
Export preview
Base: Saffron Shadow Clear #6E5B21 Lighter companion: Saffron Dusk Clear #866E28 Darker companion: Saffron Nocturne Clear #4F4117 Complementary counterpoint: Cobalt Shadow Clear #213B6E Analogous lead: Honey Shadow Clear #616E21 Analogous echo: Ember Shadow Clear #6E3B21 Triadic +120°: Teal Shadow Clear #216E54 Triadic +240°: Mulberry Shadow Clear #54216E Split-comp +150°: Cerulean Shadow Clear #21616E Split-comp +210°: Violet Shadow Clear #2E216E
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Saffron Dusk Clear
#866E28 · hsl(45, 54%, 34%)
Nearby match
Apricot Shadow Clear
#6E5421 · hsl(40, 54%, 28%)
Nearby match
Amber Shadow Clear
#6E6121 · hsl(50, 54%, 28%)
Nearby match
Saffron Nocturne Clear
#4F4117 · hsl(45, 54%, 20%)
Nearby match
Saffron Shadow Soft
#60542F · hsl(45, 34%, 28%)
Nearby match
Saffron Shadow Vivid
#7C6213 · hsl(45, 74%, 28%)
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
#67693A
Protanopia
#666636
Tritanopia
#6D4244
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.