Color specimenNo. 07877903

#78350F

Bright Dark Orange

A deterministic reference card for #78350F. Every value, scheme, and snippet below is computed from the hex — no database, no guesswork.

RGB
120, 53, 15
HSL
22°, 78%, 26%
Text
White on top

Tailwind CSS · amber

tailwind · amber 900

The Tailwind CSS utility classes bg-amber-900, text-amber-900, and friends all reference this hex value.

Scale context · amber

Click any step to jump to its landing page.

Class name
amber-900
Hex
#78350F
Closest CSS named color
saddlebrown
Full color breakdown
/color/78350f

Developer snippets

Copy-ready code

Every snippet below is generated from the hex — not a hand-maintained table.

Conversions

Same color, seven encodings

Nearest matches

Closest in other design systems

Accessibility

Contrast against white & black

On white

The quick brown fox

Jumps over the lazy dog. Testing readability of #78350F as the text color.

9.07:1
AA passAAA passLarge pass

Rating · AAA

On black

The quick brown fox

Jumps over the lazy dog. Testing readability of #78350F as the text color.

2.31:1
AA failAAA failLarge fail

Rating · Fail

Recommendation

When using #78350F as a background, pair it with #ffffff text for the best WCAG contrast.

Contrast ratios only — one part of WCAG 2.1. Not a certification of accessibility or legal compliance.

Related Tailwind swatches

Other stops in amber