← Back to Editor

#C9AC5C · #FA4A3D · #875C32 · #D80008 · #2C130F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#C9AC5C

Ginger · SandyBrown · Sunflower

HEX
#C9AC5C
RGB
rgb(201, 172, 92)
HSL
hsl(44, 50%, 57%)
HSB
hsb(44, 54%, 79%)
CMYK
cmyk(0%, 14%, 54%, 21%)
Oklch
oklch(75.3% 0.105 89.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FA4A3D

Peach Pink · Tomato · Coral Red

HEX
#FA4A3D
RGB
rgb(250, 74, 61)
HSL
hsl(4, 95%, 61%)
HSB
hsb(4, 76%, 98%)
CMYK
cmyk(0%, 70%, 76%, 2%)
Oklch
oklch(66.0% 0.214 28.6)

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

#875C32

Ochre · Sienna · Amber Brown

HEX
#875C32
RGB
rgb(135, 92, 50)
HSL
hsl(30, 46%, 36%)
HSB
hsb(30, 63%, 53%)
CMYK
cmyk(0%, 32%, 63%, 47%)
Oklch
oklch(51.2% 0.081 63.6)

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

#D80008

Vermilion · Red · Passion Red

HEX
#D80008
RGB
rgb(216, 0, 8)
HSL
hsl(358, 100%, 42%)
HSB
hsb(358, 100%, 85%)
CMYK
cmyk(0%, 100%, 96%, 15%)
Oklch
oklch(55.4% 0.227 28.6)

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

#2C130F

Crimson · Black · Deep Berry

HEX
#2C130F
RGB
rgb(44, 19, 15)
HSL
hsl(8, 49%, 12%)
HSB
hsb(8, 66%, 17%)
CMYK
cmyk(0%, 57%, 66%, 83%)
Oklch
oklch(22.3% 0.042 30.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9AC5C
5B78C8

Analogous

C8745B
C9AC5C
AFC85B

Triadic

C9AC5C
5BC8AB
AB5BC8

Split-Comp.

C9AC5C
5BAFC8
745BC8

Tetradic

C9AC5C
5BC874
5B78C8
C85BAF

Contrast Matrix WCAG 2.1 Contrast

C9AC5C
FA4A3D
875C32
D80008
2C130F
—
1.6
Fail
2.6
Fail
2.4
Fail
7.9
AAA
1.6
Fail
—
1.7
Fail
1.6
Fail
5.1
AA
2.6
Fail
1.7
Fail
—
1.1
Fail
3.0
Fail
2.4
Fail
1.6
Fail
1.1
Fail
—
3.3
AA Large
7.9
AAA
5.1
AA
3.0
Fail
3.3
AA Large
—
White BG
2.2Fail
3.4AA Large
5.8AA
5.4AA
17.4AAA
Black BG
9.5AAA
6.1AA
3.6AA Large
3.9AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC6F
AEAC40
74743C
7A7906
212110

Deuteranopia

BEC074
B8C541
777A3F
879706
232510

Tritanopia

C87F82
F14343
854446
CD0504
2B1111

Achromatopsia

ACACAC
7D7D7D
646464
414141
1A1A1A

Shades & Tints Shades & Tints

#C9AC5C

Dark
Light

#FA4A3D

Dark
Light

#875C32

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9ac5c;
  --color-2: #fa4a3d;
  --color-3: #875c32;
  --color-4: #d80008;
  --color-5: #2c130f;
}

SCSS

$color-1: #c9ac5c;
$color-2: #fa4a3d;
$color-3: #875c32;
$color-4: #d80008;
$color-5: #2c130f;

TAILWIND

colors: {
  'brand-1': '#c9ac5c',
  'brand-2': '#fa4a3d',
  'brand-3': '#875c32',
  'brand-4': '#d80008',
  'brand-5': '#2c130f',
}

RGB Array

[201, 172, 92], [250, 74, 61], [135, 92, 50], [216, 0, 8], [44, 19, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9AC5C, #FA4A3D, #875C32, #D80008, #2C130F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c9ac5c; --color-2: #fa4a3d; --color-3: #875c32; --color-4: #d80008; --color-5: #2c130f. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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