← Back to Editor

#9E5920 · #AA8942 · #4E726E · #1A284D · #0B0000

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#9E5920

Tangerine · Sienna · Amber Brown

HEX
#9E5920
RGB
rgb(158, 89, 32)
HSL
hsl(27, 66%, 37%)
HSB
hsb(27, 80%, 62%)
CMYK
cmyk(0%, 44%, 80%, 38%)
Oklch
oklch(53.4% 0.114 55.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#AA8942

Ochre · DarkGoldenRod · Honey Gold

HEX
#AA8942
RGB
rgb(170, 137, 66)
HSL
hsl(41, 44%, 46%)
HSB
hsb(41, 61%, 67%)
CMYK
cmyk(0%, 19%, 61%, 33%)
Oklch
oklch(64.7% 0.098 84.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#4E726E

Mineral Blue · DimGray · Mint Ice

HEX
#4E726E
RGB
rgb(78, 114, 110)
HSL
hsl(173, 19%, 38%)
HSB
hsb(173, 32%, 45%)
CMYK
cmyk(32%, 0%, 4%, 55%)
Oklch
oklch(52.4% 0.041 187.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#1A284D

Indigo · MidnightBlue · Deep Sea Blue

HEX
#1A284D
RGB
rgb(26, 40, 77)
HSL
hsl(224, 50%, 20%)
HSB
hsb(224, 66%, 30%)
CMYK
cmyk(66%, 48%, 0%, 70%)
Oklch
oklch(28.6% 0.070 266.4)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#0B0000

Vermilion · Black · Deep Berry

HEX
#0B0000
RGB
rgb(11, 0, 0)
HSL
hsl(0, 100%, 2%)
HSB
hsb(0, 100%, 4%)
CMYK
cmyk(0%, 100%, 100%, 96%)
Oklch
oklch(9.4% 0.039 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9E5920
20659D

Analogous

9D2026
9E5920
9D9620

Triadic

9E5920
209D58
58209D

Split-Comp.

9E5920
209D96
20269D

Tetradic

9E5920
269D20
20659D
96209D

Contrast Matrix WCAG 2.1 Contrast

9E5920
AA8942
4E726E
1A284D
0B0000
—
1.6
Fail
1.0
Fail
2.7
Fail
3.8
AA Large
1.6
Fail
—
1.6
Fail
4.4
AA Large
6.3
AA
1.0
Fail
1.6
Fail
—
2.7
Fail
3.9
AA Large
2.7
Fail
4.4
AA Large
2.7
Fail
—
1.4
Fail
3.8
AA Large
6.3
AA
3.9
AA Large
1.4
Fail
—
White BG
5.4AA
3.3AA Large
5.3AA
14.4AAA
20.7AAA
Black BG
3.9AA Large
6.4AA
4.0AA Large
1.5Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

80802E
9C9B53
5E5E6F
202044
060600

Deuteranopia

848931
9EA057
5C596F
1F1E42
070800

Tritanopia

9B393B
A86164
507070
1B3D3B
0A0000

Achromatopsia

676767
8B8B8B
676767
282828
030303

Shades & Tints Shades & Tints

#9E5920

Dark
Light

#AA8942

Dark
Light

#4E726E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9e5920;
  --color-2: #aa8942;
  --color-3: #4e726e;
  --color-4: #1a284d;
  --color-5: #0b0000;
}

SCSS

$color-1: #9e5920;
$color-2: #aa8942;
$color-3: #4e726e;
$color-4: #1a284d;
$color-5: #0b0000;

TAILWIND

colors: {
  'brand-1': '#9e5920',
  'brand-2': '#aa8942',
  'brand-3': '#4e726e',
  'brand-4': '#1a284d',
  'brand-5': '#0b0000',
}

RGB Array

[158, 89, 32], [170, 137, 66], [78, 114, 110], [26, 40, 77], [11, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9E5920, #AA8942, #4E726E, #1A284D, #0B0000 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9e5920; --color-2: #aa8942; --color-3: #4e726e; --color-4: #1a284d; --color-5: #0b0000. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color