← Back to Editor

#412431 · #6C273B · #DB644F · #E1BF60 · #A8AB57

warm

A 5-color warm 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

#412431

Dark Violet · DarkSlateGray · Raspberry

HEX
#412431
RGB
rgb(65, 36, 49)
HSL
hsl(333, 29%, 20%)
HSB
hsb(333, 45%, 25%)
CMYK
cmyk(0%, 45%, 25%, 75%)
Oklch
oklch(30.3% 0.048 352.0)

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

#6C273B

Dark Violet · Brown · Camellia

HEX
#6C273B
RGB
rgb(108, 39, 59)
HSL
hsl(343, 47%, 29%)
HSB
hsb(343, 64%, 42%)
CMYK
cmyk(0%, 64%, 45%, 58%)
Oklch
oklch(38.0% 0.100 5.2)

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

#DB644F

Vermilion · Tomato · Passion Red

HEX
#DB644F
RGB
rgb(219, 100, 79)
HSL
hsl(9, 66%, 58%)
HSB
hsb(9, 64%, 86%)
CMYK
cmyk(0%, 54%, 64%, 14%)
Oklch
oklch(64.5% 0.154 31.8)

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

#E1BF60

Ginger · SandyBrown · Sunflower

HEX
#E1BF60
RGB
rgb(225, 191, 96)
HSL
hsl(44, 68%, 63%)
HSB
hsb(44, 57%, 88%)
CMYK
cmyk(0%, 15%, 57%, 12%)
Oklch
oklch(81.5% 0.121 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A8AB57

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8AB57
RGB
rgb(168, 171, 87)
HSL
hsl(62, 33%, 51%)
HSB
hsb(62, 49%, 67%)
CMYK
cmyk(2%, 0%, 49%, 33%)
Oklch
oklch(72.1% 0.108 110.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

412431
244234

Analogous

422440
412431
422624

Triadic

412431
324224
243242

Split-Comp.

412431
244226
244042

Tetradic

412431
404224
244234
262442

Contrast Matrix WCAG 2.1 Contrast

412431
6C273B
DB644F
E1BF60
A8AB57
—
1.3
Fail
3.9
AA Large
7.8
AAA
5.7
AA
1.3
Fail
—
3.0
Fail
5.9
AA
4.3
AA Large
3.9
AA Large
3.0
Fail
—
2.0
Fail
1.5
Fail
7.8
AAA
5.9
AA
2.0
Fail
—
1.4
Fail
5.7
AA
4.3
AA Large
1.5
Fail
1.4
Fail
—
White BG
13.8AAA
10.5AAA
3.5AA Large
1.8Fail
2.4Fail
Black BG
1.5Fail
2.0Fail
5.9AA
11.8AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

34342E
4E4E36
A7A654
D2D277
A9A96B

Deuteranopia

36382D
525735
AEB755
D4D77C
A9A970

Tritanopia

402B2B
693232
D55859
DF898D
A87B7F

Achromatopsia

2E2E2E
3E3E3E
858585
BEBEBE
A1A1A1

Shades & Tints Shades & Tints

#412431

Dark
Light

#6C273B

Dark
Light

#DB644F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #412431;
  --color-2: #6c273b;
  --color-3: #db644f;
  --color-4: #e1bf60;
  --color-5: #a8ab57;
}

SCSS

$color-1: #412431;
$color-2: #6c273b;
$color-3: #db644f;
$color-4: #e1bf60;
$color-5: #a8ab57;

TAILWIND

colors: {
  'brand-1': '#412431',
  'brand-2': '#6c273b',
  'brand-3': '#db644f',
  'brand-4': '#e1bf60',
  'brand-5': '#a8ab57',
}

RGB Array

[65, 36, 49], [108, 39, 59], [219, 100, 79], [225, 191, 96], [168, 171, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #412431, #6C273B, #DB644F, #E1BF60, #A8AB57 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: #412431; --color-2: #6c273b; --color-3: #db644f; --color-4: #e1bf60; --color-5: #a8ab57. 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 warm-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