← Back to Editor

#F5E7CD · #A6453E · #980C17 · #3A2C2B · #040203

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

#F5E7CD

Goose Yellow · Bisque · Peach Orange

HEX
#F5E7CD
RGB
rgb(245, 231, 205)
HSL
hsl(39, 67%, 88%)
HSB
hsb(39, 16%, 96%)
CMYK
cmyk(0%, 6%, 16%, 4%)
Oklch
oklch(93.2% 0.038 83.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#A6453E

Crimson · Sienna · Passion Red

HEX
#A6453E
RGB
rgb(166, 69, 62)
HSL
hsl(4, 46%, 45%)
HSB
hsb(4, 63%, 65%)
CMYK
cmyk(0%, 58%, 63%, 35%)
Oklch
oklch(51.8% 0.130 26.7)

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

#980C17

Vermilion · DarkRed · Wine Red

HEX
#980C17
RGB
rgb(152, 12, 23)
HSL
hsl(355, 85%, 32%)
HSB
hsb(355, 92%, 60%)
CMYK
cmyk(0%, 92%, 85%, 40%)
Oklch
oklch(43.3% 0.169 25.7)

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

#3A2C2B

Crimson · DarkSlateGray · Deep Berry

HEX
#3A2C2B
RGB
rgb(58, 44, 43)
HSL
hsl(4, 15%, 20%)
HSB
hsb(4, 26%, 23%)
CMYK
cmyk(0%, 24%, 26%, 77%)
Oklch
oklch(30.9% 0.021 23.1)

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

#040203

Dark Violet · Black · Raspberry

HEX
#040203
RGB
rgb(4, 2, 3)
HSL
hsl(330, 33%, 1%)
HSB
hsb(330, 50%, 2%)
CMYK
cmyk(0%, 50%, 25%, 98%)
Oklch
oklch(9.2% 0.010 345.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5E7CD
CCDAF5

Analogous

F5D2CC
F5E7CD
EFF5CC

Triadic

F5E7CD
CCF5E7
E7CCF5

Split-Comp.

F5E7CD
CCEFF5
D2CCF5

Tetradic

F5E7CD
CCF5D2
CCDAF5
F5CCEF

Contrast Matrix WCAG 2.1 Contrast

F5E7CD
A6453E
980C17
3A2C2B
040203
—
4.9
AA
7.2
AAA
10.9
AAA
16.9
AAA
4.9
AA
—
1.5
Fail
2.2
Fail
3.5
AA Large
7.2
AAA
1.5
Fail
—
1.5
Fail
2.4
Fail
10.9
AAA
2.2
Fail
1.5
Fail
—
1.6
Fail
16.9
AAA
3.5
AA Large
2.4
Fail
1.6
Fail
—
White BG
1.2Fail
5.9AA
8.7AAA
13.3AAA
20.7AAA
Black BG
17.2AAA
3.5AA Large
2.4Fail
1.6Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD3
7C7B40
5B5A14
34342B
030303

Deuteranopia

F0F1D5
828940
646E14
35362B
030303

Tritanopia

F4D8D9
A14141
911212
392B2B
040303

Achromatopsia

E8E8E8
616161
373737
303030
030303

Shades & Tints Shades & Tints

#F5E7CD

Dark
Light

#A6453E

Dark
Light

#980C17

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5e7cd;
  --color-2: #a6453e;
  --color-3: #980c17;
  --color-4: #3a2c2b;
  --color-5: #040203;
}

SCSS

$color-1: #f5e7cd;
$color-2: #a6453e;
$color-3: #980c17;
$color-4: #3a2c2b;
$color-5: #040203;

TAILWIND

colors: {
  'brand-1': '#f5e7cd',
  'brand-2': '#a6453e',
  'brand-3': '#980c17',
  'brand-4': '#3a2c2b',
  'brand-5': '#040203',
}

RGB Array

[245, 231, 205], [166, 69, 62], [152, 12, 23], [58, 44, 43], [4, 2, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5E7CD, #A6453E, #980C17, #3A2C2B, #040203 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: #f5e7cd; --color-2: #a6453e; --color-3: #980c17; --color-4: #3a2c2b; --color-5: #040203. 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