What is the hex code for Orange Citrine?

Orange Citrine is #986f2d. It appears in 2 historical color combinations from Sanzo Wada's 1933 "A Dictionary of Color Combinations".

What does Orange Citrine look like on white and black backgrounds?

Orange Citrine (#986f2d) has a WCAG contrast ratio of 4.52:1 against white (#FFFFFF) and 4.65:1 against black (#000000). WCAG AA requires 4.5:1 for normal text and 3:1 for large text.

Where does the color Orange Citrine come from?

Orange Citrine is documented in Sanzo Wada's "A Dictionary of Color Combinations" (1933, Seigensha Art Publishing 2010 reprint). Wada catalogued orange pigments and historical Japanese color terms. The source work is in the public domain.

Can I use Orange Citrine in my own design or brand?

Yes. The color name and hex value (#986f2d) are factual data — not copyrightable. Our curation and descriptions are CC BY 4.0 licensed.

#986f2d

orange · 2 palettes

Orange Citrine

About Orange Citrine

Orange Citrine is a deep, muted orange tone. Its hex value is #986f2d — that is RGB 152, 111, 45, or HSL 37°, 54%, 39%.

It holds 4.6:1 contrast against dark, so Orange Citrine works best for body text, headings, and UI labels. (On white it scores 4.5:1; on black 4.6:1.)

Across Sanzo Wada's 1933 Dictionary of Color Combinations, Orange Citrine appears in 2 combinations — most often paired with Pompeian Red, Salvia Blue and Corinthian Pink.

Palettes with Orange Citrine

Orange Citrine appears in 2 combinations from the archive. Each pairing reveals how the same color shifts character depending on its neighbours.

Showa era

Pompeian Red & Orange Citrine +1

Plate 212 from Sanzo Wada's 1933 Dictionary of Color Combinations — Pompeian Red, Orange Citrine, Salvia Blue.

Showa era

Corinthian Pink & Cream Yellow +2

Plate 342 from Sanzo Wada's 1933 Dictionary of Color Combinations — Corinthian Pink, Cream Yellow, Orange Citrine, Deep Slate Olive.

Embed this color

Drop a Orange Citrine swatch card into any blog post, design review, or color-study reference page. Links back to this color's detail.

<iframe src="https://colorcombinations.org/embed/colors/orange-citrine/" width="360" height="180" frameborder="0" style="border-radius:8px;overflow:hidden;" title="Orange Citrine — colorcombinations.org"></iframe>

Preview

From the archive

Support the archive The full catalog, on your disk, as a thank-you.

All 378 palettes (348 Wada + 30 editorial) in five formats
Figma design tokens (W3C-spec JSON, drag into any file)
Tailwind v4 + v3 configs — drop into any project
CSS custom properties — every plate, one stylesheet
378 museum SVG plates — print-ready at any size
Full JSON — colors, names, eras, moods, dominant hues

See what's inside

Launching soon. The free archive stays free, always.