← Back to Editor

#911740 · #953930 · #9A5C20 · #9E7E10 · #A2A000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#911740

Dark Violet · Brown · Camellia

HEX
#911740
RGB
rgb(145, 23, 64)
HSL
hsl(340, 73%, 33%)
HSB
hsb(340, 84%, 57%)
CMYK
cmyk(0%, 84%, 56%, 43%)
Oklch
oklch(43.2% 0.157 7.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#953930

Crimson · Brown · Wine Red

HEX
#953930
RGB
rgb(149, 57, 48)
HSL
hsl(5, 51%, 39%)
HSB
hsb(5, 68%, 58%)
CMYK
cmyk(0%, 62%, 68%, 42%)
Oklch
oklch(47.1% 0.126 28.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#9A5C20

Ochre · Sienna · Amber Brown

HEX
#9A5C20
RGB
rgb(154, 92, 32)
HSL
hsl(30, 66%, 36%)
HSB
hsb(30, 79%, 60%)
CMYK
cmyk(0%, 40%, 79%, 40%)
Oklch
oklch(53.5% 0.109 60.3)

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

#9E7E10

Ochre · DarkGoldenRod · Honey Gold

HEX
#9E7E10
RGB
rgb(158, 126, 16)
HSL
hsl(46, 82%, 34%)
HSB
hsb(46, 90%, 62%)
CMYK
cmyk(0%, 20%, 90%, 38%)
Oklch
oklch(60.7% 0.120 90.1)

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

#A2A000

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A2A000
RGB
rgb(162, 160, 0)
HSL
hsl(59, 100%, 32%)
HSB
hsb(59, 100%, 64%)
CMYK
cmyk(0%, 1%, 100%, 36%)
Oklch
oklch(68.5% 0.148 108.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

911740
179269

Analogous

92177D
911740
922B17

Triadic

911740
409217
174092

Split-Comp.

911740
17922B
177D92

Tetradic

911740
7D9217
179269
2B1792

Contrast Matrix WCAG 2.1 Contrast

911740
953930
9A5C20
9E7E10
A2A000
—
1.2
Fail
1.6
Fail
2.3
Fail
3.2
AA Large
1.2
Fail
—
1.4
Fail
1.9
Fail
2.6
Fail
1.6
Fail
1.4
Fail
—
1.4
Fail
1.9
Fail
2.3
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
3.2
AA Large
2.6
Fail
1.9
Fail
1.4
Fail
—
White BG
8.7AAA
7.2AAA
5.3AA
3.9AA Large
2.8Fail
Black BG
2.4Fail
2.9Fail
3.9AA Large
5.4AA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5B36
6D6C32
7F7F2F
90902B
A1A127

Deuteranopia

636C34
737933
838732
929431
A1A130

Tritanopia

8B2E2D
903434
973A3D
9C4044
A2454C

Achromatopsia

404040
535353
686868
7B7B7B
8E8E8E

Shades & Tints Shades & Tints

#911740

Dark
Light

#953930

Dark
Light

#9A5C20

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #911740;
  --color-2: #953930;
  --color-3: #9a5c20;
  --color-4: #9e7e10;
  --color-5: #a2a000;
}

SCSS

$color-1: #911740;
$color-2: #953930;
$color-3: #9a5c20;
$color-4: #9e7e10;
$color-5: #a2a000;

TAILWIND

colors: {
  'brand-1': '#911740',
  'brand-2': '#953930',
  'brand-3': '#9a5c20',
  'brand-4': '#9e7e10',
  'brand-5': '#a2a000',
}

RGB Array

[145, 23, 64], [149, 57, 48], [154, 92, 32], [158, 126, 16], [162, 160, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #911740, #953930, #9A5C20, #9E7E10, #A2A000 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #911740; --color-2: #953930; --color-3: #9a5c20; --color-4: #9e7e10; --color-5: #a2a000. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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