← Back to Editor

#C0B542 · #ECC077 · #C15237 · #9A4528 · #403531

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

#C0B542

Autumn Sage · GoldenRod · Sunflower

HEX
#C0B542
RGB
rgb(192, 181, 66)
HSL
hsl(55, 50%, 51%)
HSB
hsb(55, 66%, 75%)
CMYK
cmyk(0%, 6%, 66%, 25%)
Oklch
oklch(76.1% 0.134 103.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#ECC077

Ginger · BurlyWood · Warm Sun

HEX
#ECC077
RGB
rgb(236, 192, 119)
HSL
hsl(37, 75%, 70%)
HSB
hsb(37, 50%, 93%)
CMYK
cmyk(0%, 19%, 50%, 7%)
Oklch
oklch(83.1% 0.104 79.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#C15237

Crimson · Sienna · Passion Red

HEX
#C15237
RGB
rgb(193, 82, 55)
HSL
hsl(12, 56%, 49%)
HSB
hsb(12, 72%, 76%)
CMYK
cmyk(0%, 58%, 72%, 24%)
Oklch
oklch(57.7% 0.149 34.9)

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

#9A4528

Tangerine · Sienna · Amber Brown

HEX
#9A4528
RGB
rgb(154, 69, 40)
HSL
hsl(15, 59%, 38%)
HSB
hsb(15, 74%, 60%)
CMYK
cmyk(0%, 55%, 74%, 40%)
Oklch
oklch(49.6% 0.122 39.0)

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

#403531

Tangerine · DarkSlateGray · Cinnamon

HEX
#403531
RGB
rgb(64, 53, 49)
HSL
hsl(16, 13%, 22%)
HSB
hsb(16, 23%, 25%)
CMYK
cmyk(0%, 17%, 23%, 75%)
Oklch
oklch(33.9% 0.017 41.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0B542
444EC1

Analogous

C17844
C0B542
8CC144

Triadic

C0B542
44C1B6
B644C1

Split-Comp.

C0B542
448CC1
7844C1

Tetradic

C0B542
44C178
444EC1
C1448C

Contrast Matrix WCAG 2.1 Contrast

C0B542
ECC077
C15237
9A4528
403531
—
1.2
Fail
2.2
Fail
3.0
AA Large
5.6
AA
1.2
Fail
—
2.7
Fail
3.8
AA Large
7.0
AA
2.2
Fail
2.7
Fail
—
1.4
Fail
2.6
Fail
3.0
AA Large
3.8
AA Large
1.4
Fail
—
1.8
Fail
5.6
AA
7.0
AA
2.6
Fail
1.8
Fail
—
White BG
2.1Fail
1.7Fail
4.6AA
6.4AA
11.9AAA
Black BG
9.9AAA
12.4AAA
4.5AA
3.3AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBB5E
D9D989
91903E
75742F
3B3B32

Deuteranopia

BCBD65
DCDF8D
97A03F
7A8131
3C3D32

Tritanopia

BF7479
EA979A
BB4344
963536
3F3333

Achromatopsia

ABABAB
C5C5C5
707070
5B5B5B
383838

Shades & Tints Shades & Tints

#C0B542

Dark
Light

#ECC077

Dark
Light

#C15237

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0b542;
  --color-2: #ecc077;
  --color-3: #c15237;
  --color-4: #9a4528;
  --color-5: #403531;
}

SCSS

$color-1: #c0b542;
$color-2: #ecc077;
$color-3: #c15237;
$color-4: #9a4528;
$color-5: #403531;

TAILWIND

colors: {
  'brand-1': '#c0b542',
  'brand-2': '#ecc077',
  'brand-3': '#c15237',
  'brand-4': '#9a4528',
  'brand-5': '#403531',
}

RGB Array

[192, 181, 66], [236, 192, 119], [193, 82, 55], [154, 69, 40], [64, 53, 49]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0B542, #ECC077, #C15237, #9A4528, #403531 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: #c0b542; --color-2: #ecc077; --color-3: #c15237; --color-4: #9a4528; --color-5: #403531. 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