← Back to Editor

#C9A72C · #E06060 · #B8537E · #A11F57 · #452C3D

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

#C9A72C

Ochre · GoldenRod · Honey Gold

HEX
#C9A72C
RGB
rgb(201, 167, 44)
HSL
hsl(47, 64%, 48%)
HSB
hsb(47, 78%, 79%)
CMYK
cmyk(0%, 17%, 78%, 21%)
Oklch
oklch(73.8% 0.138 92.5)

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

#E06060

Peach Pink · Tomato · Coral Red

HEX
#E06060
RGB
rgb(224, 96, 96)
HSL
hsl(0, 67%, 63%)
HSB
hsb(0, 57%, 88%)
CMYK
cmyk(0%, 57%, 57%, 12%)
Oklch
oklch(65.0% 0.161 22.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B8537E

Dark Violet · MediumVioletRed · Rose Pink

HEX
#B8537E
RGB
rgb(184, 83, 126)
HSL
hsl(334, 42%, 52%)
HSB
hsb(334, 55%, 72%)
CMYK
cmyk(0%, 55%, 32%, 28%)
Oklch
oklch(58.1% 0.138 355.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#A11F57

Dark Violet · Brown · Camellia

HEX
#A11F57
RGB
rgb(161, 31, 87)
HSL
hsl(334, 68%, 38%)
HSB
hsb(334, 81%, 63%)
CMYK
cmyk(0%, 81%, 46%, 37%)
Oklch
oklch(47.4% 0.169 0.6)

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

#452C3D

Rose Purple · DarkSlateGray · Eggplant

HEX
#452C3D
RGB
rgb(69, 44, 61)
HSL
hsl(319, 22%, 22%)
HSB
hsb(319, 36%, 27%)
CMYK
cmyk(0%, 36%, 12%, 73%)
Oklch
oklch(33.0% 0.046 339.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9A72C
2C4EC9

Analogous

C9582C
C9A72C
9CC92C

Triadic

C9A72C
2CC9A7
A72CC9

Split-Comp.

C9A72C
2C9CC9
582CC9

Tetradic

C9A72C
2CC958
2C4EC9
C92C9C

Contrast Matrix WCAG 2.1 Contrast

C9A72C
E06060
B8537E
A11F57
452C3D
—
1.5
Fail
2.0
Fail
3.2
AA Large
5.4
AA
1.5
Fail
—
1.3
Fail
2.1
Fail
3.6
AA Large
2.0
Fail
1.3
Fail
—
1.6
Fail
2.7
Fail
3.2
AA Large
2.1
Fail
1.6
Fail
—
1.7
Fail
5.4
AA
3.6
AA Large
2.7
Fail
1.7
Fail
—
White BG
2.3Fail
3.5AA Large
4.6AA
7.4AAA
12.5AAA
Black BG
9.0AAA
6.0AA
4.6AA
2.8Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABA4A
A9A760
8C8B74
696849
3A3A39

Deuteranopia

BCBF51
B0BA60
929A71
707A46
3C3E38

Tritanopia

C76166
DA6060
B36B6A
9B3F3C
443635

Achromatopsia

A3A3A3
868686
767676
4C4C4C
353535

Shades & Tints Shades & Tints

#C9A72C

Dark
Light

#E06060

Dark
Light

#B8537E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9a72c;
  --color-2: #e06060;
  --color-3: #b8537e;
  --color-4: #a11f57;
  --color-5: #452c3d;
}

SCSS

$color-1: #c9a72c;
$color-2: #e06060;
$color-3: #b8537e;
$color-4: #a11f57;
$color-5: #452c3d;

TAILWIND

colors: {
  'brand-1': '#c9a72c',
  'brand-2': '#e06060',
  'brand-3': '#b8537e',
  'brand-4': '#a11f57',
  'brand-5': '#452c3d',
}

RGB Array

[201, 167, 44], [224, 96, 96], [184, 83, 126], [161, 31, 87], [69, 44, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9A72C, #E06060, #B8537E, #A11F57, #452C3D is ideal for: 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: #c9a72c; --color-2: #e06060; --color-3: #b8537e; --color-4: #a11f57; --color-5: #452c3d. 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. 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