← Back to Editor

#801245 · #F4F4DD · #DCDBAF · #5D5C49 · #3D3D34

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

#801245

Dark Violet · Brown · Camellia

HEX
#801245
RGB
rgb(128, 18, 69)
HSL
hsl(332, 75%, 29%)
HSB
hsb(332, 86%, 50%)
CMYK
cmyk(0%, 86%, 46%, 50%)
Oklch
oklch(39.9% 0.148 359.3)

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

#F4F4DD

Fresh Green · Beige · Lemon Cream

HEX
#F4F4DD
RGB
rgb(244, 244, 221)
HSL
hsl(60, 51%, 91%)
HSB
hsb(60, 9%, 96%)
CMYK
cmyk(0%, 0%, 9%, 4%)
Oklch
oklch(96.1% 0.030 107.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#DCDBAF

Fresh Green · Wheat · Lemon Cream

HEX
#DCDBAF
RGB
rgb(220, 219, 175)
HSL
hsl(59, 39%, 77%)
HSB
hsb(59, 20%, 86%)
CMYK
cmyk(0%, 0%, 20%, 14%)
Oklch
oklch(88.1% 0.058 106.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#5D5C49

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#5D5C49
RGB
rgb(93, 92, 73)
HSL
hsl(57, 12%, 33%)
HSB
hsb(57, 22%, 36%)
CMYK
cmyk(0%, 1%, 22%, 64%)
Oklch
oklch(47.0% 0.029 105.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#3D3D34

Autumn Sage · DarkSlateGray · Dark Stone

HEX
#3D3D34
RGB
rgb(61, 61, 52)
HSL
hsl(60, 8%, 22%)
HSB
hsb(60, 15%, 24%)
CMYK
cmyk(0%, 0%, 15%, 76%)
Oklch
oklch(35.7% 0.015 107.1)

Traditional「Autumn Sage」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

801245
12814E

Analogous

81127E
801245
811612

Triadic

801245
468112
124681

Split-Comp.

801245
128116
127E81

Tetradic

801245
7E8112
12814E
161281

Contrast Matrix WCAG 2.1 Contrast

801245
F4F4DD
DCDBAF
5D5C49
3D3D34
—
9.0
AAA
7.1
AAA
1.5
Fail
1.1
Fail
9.0
AAA
—
1.3
Fail
6.1
AA
9.8
AAA
7.1
AAA
1.3
Fail
—
4.8
AA
7.7
AAA
1.5
Fail
6.1
AA
4.8
AA
—
1.6
Fail
1.1
Fail
9.8
AAA
7.7
AAA
1.6
Fail
—
White BG
10.0AAA
1.1Fail
1.4Fail
6.8AA
11.0AAA
Black BG
2.1Fail
18.8AAA
14.8AAA
3.1AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

504F39
F4F4E3
DCDCBA
5D5D4E
3D3D36

Deuteranopia

575F36
F4F4E4
DCDCBC
5D5D4F
3D3D37

Tritanopia

7B2F2D
F4E7E8
DCC2C4
5D5152
3D3838

Achromatopsia

393939
F1F1F1
D6D6D6
5A5A5A
3C3C3C

Shades & Tints Shades & Tints

#801245

Dark
Light

#F4F4DD

Dark
Light

#DCDBAF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #801245;
  --color-2: #f4f4dd;
  --color-3: #dcdbaf;
  --color-4: #5d5c49;
  --color-5: #3d3d34;
}

SCSS

$color-1: #801245;
$color-2: #f4f4dd;
$color-3: #dcdbaf;
$color-4: #5d5c49;
$color-5: #3d3d34;

TAILWIND

colors: {
  'brand-1': '#801245',
  'brand-2': '#f4f4dd',
  'brand-3': '#dcdbaf',
  'brand-4': '#5d5c49',
  'brand-5': '#3d3d34',
}

RGB Array

[128, 18, 69], [244, 244, 221], [220, 219, 175], [93, 92, 73], [61, 61, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #801245, #F4F4DD, #DCDBAF, #5D5C49, #3D3D34 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: #801245; --color-2: #f4f4dd; --color-3: #dcdbaf; --color-4: #5d5c49; --color-5: #3d3d34. 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