← Back to Editor

#913737 · #A05047 · #A37635 · #C89337 · #E59647

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#913737

Crimson · Brown · Wine Red

HEX
#913737
RGB
rgb(145, 55, 55)
HSL
hsl(0, 45%, 39%)
HSB
hsb(0, 62%, 57%)
CMYK
cmyk(0%, 62%, 62%, 43%)
Oklch
oklch(46.3% 0.122 23.1)

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

#A05047

Crimson · Sienna · Passion Red

HEX
#A05047
RGB
rgb(160, 80, 71)
HSL
hsl(6, 39%, 45%)
HSB
hsb(6, 56%, 63%)
CMYK
cmyk(0%, 50%, 56%, 37%)
Oklch
oklch(52.7% 0.108 27.9)

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

#A37635

Ochre · Sienna · Amber Brown

HEX
#A37635
RGB
rgb(163, 118, 53)
HSL
hsl(35, 51%, 42%)
HSB
hsb(35, 67%, 64%)
CMYK
cmyk(0%, 28%, 67%, 36%)
Oklch
oklch(59.8% 0.099 73.8)

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

#C89337

Ochre · GoldenRod · Amber Brown

HEX
#C89337
RGB
rgb(200, 147, 55)
HSL
hsl(38, 57%, 50%)
HSB
hsb(38, 73%, 78%)
CMYK
cmyk(0%, 27%, 73%, 22%)
Oklch
oklch(69.8% 0.124 77.6)

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

#E59647

Ginger · SandyBrown · Warm Sun

HEX
#E59647
RGB
rgb(229, 150, 71)
HSL
hsl(30, 75%, 59%)
HSB
hsb(30, 69%, 90%)
CMYK
cmyk(0%, 34%, 69%, 10%)
Oklch
oklch(73.9% 0.133 62.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

913737
379090

Analogous

903763
913737
906337

Triadic

913737
379037
373790

Split-Comp.

913737
379063
376390

Tetradic

913737
639037
379090
633790

Contrast Matrix WCAG 2.1 Contrast

913737
A05047
A37635
C89337
E59647
—
1.3
Fail
1.9
Fail
2.7
Fail
3.1
AA Large
1.3
Fail
—
1.4
Fail
2.1
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
1.5
Fail
1.7
Fail
2.7
Fail
2.1
Fail
1.5
Fail
—
1.1
Fail
3.1
AA Large
2.4
Fail
1.7
Fail
1.1
Fail
—
White BG
7.5AAA
5.6AA
4.0AA Large
2.7Fail
2.4Fail
Black BG
2.8Fail
3.7AA Large
5.2AA
7.7AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6937
7D7D49
908F45
B1B14D
C3C25A

Deuteranopia

6F7637
82884A
929649
B4B853
C7CD5F

Tritanopia

8D3737
9C4B4B
A15154
C55F63
E1696D

Achromatopsia

525252
676767
7C7C7C
989898
A5A5A5

Shades & Tints Shades & Tints

#913737

Dark
Light

#A05047

Dark
Light

#A37635

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #913737;
  --color-2: #a05047;
  --color-3: #a37635;
  --color-4: #c89337;
  --color-5: #e59647;
}

SCSS

$color-1: #913737;
$color-2: #a05047;
$color-3: #a37635;
$color-4: #c89337;
$color-5: #e59647;

TAILWIND

colors: {
  'brand-1': '#913737',
  'brand-2': '#a05047',
  'brand-3': '#a37635',
  'brand-4': '#c89337',
  'brand-5': '#e59647',
}

RGB Array

[145, 55, 55], [160, 80, 71], [163, 118, 53], [200, 147, 55], [229, 150, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #913737, #A05047, #A37635, #C89337, #E59647 is ideal for: corporate websites, product showcases, portfolios. 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: #913737; --color-2: #a05047; --color-3: #a37635; --color-4: #c89337; --color-5: #e59647. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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