← Back to Editor

#A4937F · #B13954 · #8E112F · #B374AD · #15120B

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 LibraryData Visualization

Color Details Color Details

#A4937F

Ginger · Gray · Warm Sun

HEX
#A4937F
RGB
rgb(164, 147, 127)
HSL
hsl(32, 17%, 57%)
HSB
hsb(32, 23%, 64%)
CMYK
cmyk(0%, 10%, 23%, 36%)
Oklch
oklch(67.3% 0.035 71.7)

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

#B13954

Crimson · Brown · Passion Red

HEX
#B13954
RGB
rgb(177, 57, 84)
HSL
hsl(347, 51%, 46%)
HSB
hsb(347, 68%, 69%)
CMYK
cmyk(0%, 68%, 53%, 31%)
Oklch
oklch(52.5% 0.156 10.9)

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

#8E112F

Vermilion · Brown · Wine Red

HEX
#8E112F
RGB
rgb(142, 17, 47)
HSL
hsl(346, 79%, 31%)
HSB
hsb(346, 88%, 56%)
CMYK
cmyk(0%, 88%, 67%, 44%)
Oklch
oklch(41.9% 0.156 15.6)

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

#B374AD

Rose Purple · MediumOrchid · Violet

HEX
#B374AD
RGB
rgb(179, 116, 173)
HSL
hsl(306, 29%, 58%)
HSB
hsb(306, 35%, 70%)
CMYK
cmyk(0%, 35%, 3%, 30%)
Oklch
oklch(64.4% 0.110 330.2)

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

#15120B

Ochre · Black · Amber Gold

HEX
#15120B
RGB
rgb(21, 18, 11)
HSL
hsl(42, 31%, 6%)
HSB
hsb(42, 48%, 8%)
CMYK
cmyk(0%, 14%, 48%, 92%)
Oklch
oklch(18.3% 0.014 87.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4937F
7F90A4

Analogous

A4807F
A4937F
A3A47F

Triadic

A4937F
7FA493
937FA4

Split-Comp.

A4937F
7FA3A4
807FA4

Tetradic

A4937F
7FA480
7F90A4
A47FA3

Contrast Matrix WCAG 2.1 Contrast

A4937F
B13954
8E112F
B374AD
15120B
—
2.0
Fail
3.1
AA Large
1.2
Fail
6.3
AA
2.0
Fail
—
1.6
Fail
1.7
Fail
3.2
AA Large
3.1
AA Large
1.6
Fail
—
2.6
Fail
2.0
Fail
1.2
Fail
1.7
Fail
2.6
Fail
—
5.4
AA
6.3
AA
3.2
AA Large
2.0
Fail
5.4
AA
—
White BG
3.0Fail
5.9AA
9.2AAA
3.5AA Large
18.7AAA
Black BG
7.1AAA
3.6AA Large
2.3Fail
6.0AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C84
7D7C4D
585728
98979F
14140D

Deuteranopia

9E9F85
848D4C
5F6826
9BA09C
14140D

Tritanopia

A38889
AB4847
882221
B09492
150E0E

Achromatopsia

969696
606060
3A3A3A
8D8D8D
121212

Shades & Tints Shades & Tints

#A4937F

Dark
Light

#B13954

Dark
Light

#8E112F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4937f;
  --color-2: #b13954;
  --color-3: #8e112f;
  --color-4: #b374ad;
  --color-5: #15120b;
}

SCSS

$color-1: #a4937f;
$color-2: #b13954;
$color-3: #8e112f;
$color-4: #b374ad;
$color-5: #15120b;

TAILWIND

colors: {
  'brand-1': '#a4937f',
  'brand-2': '#b13954',
  'brand-3': '#8e112f',
  'brand-4': '#b374ad',
  'brand-5': '#15120b',
}

RGB Array

[164, 147, 127], [177, 57, 84], [142, 17, 47], [179, 116, 173], [21, 18, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A4937F, #B13954, #8E112F, #B374AD, #15120B 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: #a4937f; --color-2: #b13954; --color-3: #8e112f; --color-4: #b374ad; --color-5: #15120b. 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