#711720 + #935800 + #A5891B + #457368 + #53324F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#711720

Vermilion · Maroon · Wine Red

HEX

#711720

RGB

rgb(113, 23, 32)

HSL

hsl(354, 66%, 27%)

HSB

hsb(354, 80%, 44%)

CMYK

cmyk(0%, 80%, 72%, 56%)

Oklch

oklch(36.4% 0.123 20.9)

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

#935800

Ochre · Olive · Amber Brown

HEX

#935800

RGB

rgb(147, 88, 0)

HSL

hsl(36, 100%, 29%)

HSB

hsb(36, 100%, 58%)

CMYK

cmyk(0%, 40%, 100%, 42%)

Oklch

oklch(51.6% 0.115 66.3)

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

#A5891B

Ochre · DarkGoldenRod · Honey Gold

HEX

#A5891B

RGB

rgb(165, 137, 27)

HSL

hsl(48, 72%, 38%)

HSB

hsb(48, 84%, 65%)

CMYK

cmyk(0%, 17%, 84%, 35%)

Oklch

oklch(63.8% 0.123 93.3)

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

#457368

Mineral Blue · SeaGreen · Mint Ice

HEX

#457368

RGB

rgb(69, 115, 104)

HSL

hsl(166, 25%, 36%)

HSB

hsb(166, 40%, 45%)

CMYK

cmyk(40%, 0%, 10%, 55%)

Oklch

oklch(51.9% 0.054 177.1)

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

#53324F

Rose Purple · DarkSlateGray · Eggplant

HEX

#53324F

RGB

rgb(83, 50, 79)

HSL

hsl(307, 25%, 26%)

HSB

hsb(307, 40%, 33%)

CMYK

cmyk(0%, 40%, 5%, 67%)

Oklch

oklch(36.9% 0.065 331.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

711720

177269

Analogous

72174E

711720

723C17

Triadic

711720

207217

172072

Split-Comp.

711720

17723C

174E72

Tetradic

711720

4E7217

177269

3C1772

Contrast Matrix WCAG 2.1 Contrast

711720	935800	A5891B	457368	53324F
—	2.0 Fail	3.4 AA Large	2.1 Fail	1.0 Fail
2.0 Fail	—	1.7 Fail	1.1 Fail	1.9 Fail
3.4 AA Large	1.7 Fail	—	1.6 Fail	3.2 AA Large
2.1 Fail	1.1 Fail	1.6 Fail	—	2.0 Fail
1.0 Fail	1.9 Fail	3.2 AA Large	2.0 Fail	—

White BG

11.4AAA

5.8AA

3.4AA Large

5.4AA

10.8AAA

Black BG

1.8Fail

3.6AA Large

6.2AA

3.9AA Large

1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A491E

797915

999936

59596B

454448

Deuteranopia

4F561D

7D811A

9B9D3C

56536B

474946

Tritanopia

6D1C1C

90262A

A44B4F

476D6D

514241

Achromatopsia

333333

606060

858585

646464

3F3F3F

Shades & Tints Shades & Tints

#711720

Dark

Light

#935800

Dark

Light

#A5891B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #711720;
  --color-2: #935800;
  --color-3: #a5891b;
  --color-4: #457368;
  --color-5: #53324f;
}

SCSS

$color-1: #711720;
$color-2: #935800;
$color-3: #a5891b;
$color-4: #457368;
$color-5: #53324f;

TAILWIND

colors: {
  'brand-1': '#711720',
  'brand-2': '#935800',
  'brand-3': '#a5891b',
  'brand-4': '#457368',
  'brand-5': '#53324f',
}

RGB Array

[113, 23, 32], [147, 88, 0], [165, 137, 27], [69, 115, 104], [83, 50, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #711720, #935800, #A5891B, #457368, #53324F is ideal for: tech websites, dark mode UIs, game UIs. 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: #711720; --color-2: #935800; --color-3: #a5891b; --color-4: #457368; --color-5: #53324f. 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 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