← Back to Editor

#462842 · #632731 · #9D533A · #E4A353 · #DFCA89

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

#462842

Rose Purple · DarkSlateGray · Eggplant

HEX
#462842
RGB
rgb(70, 40, 66)
HSL
hsl(308, 27%, 22%)
HSB
hsb(308, 43%, 27%)
CMYK
cmyk(0%, 43%, 6%, 73%)
Oklch
oklch(32.5% 0.060 331.8)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#632731

Crimson · Brown · Wine Red

HEX
#632731
RGB
rgb(99, 39, 49)
HSL
hsl(350, 43%, 27%)
HSB
hsb(350, 61%, 39%)
CMYK
cmyk(0%, 61%, 51%, 61%)
Oklch
oklch(36.2% 0.087 12.3)

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

#9D533A

Tangerine · Sienna · Amber Brown

HEX
#9D533A
RGB
rgb(157, 83, 58)
HSL
hsl(15, 46%, 42%)
HSB
hsb(15, 63%, 62%)
CMYK
cmyk(0%, 47%, 63%, 38%)
Oklch
oklch(52.6% 0.105 39.3)

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

#E4A353

Ginger · SandyBrown · Warm Sun

HEX
#E4A353
RGB
rgb(228, 163, 83)
HSL
hsl(33, 73%, 61%)
HSB
hsb(33, 64%, 89%)
CMYK
cmyk(0%, 29%, 64%, 11%)
Oklch
oklch(76.3% 0.123 69.7)

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

#DFCA89

Goose Yellow · BurlyWood · Sunflower

HEX
#DFCA89
RGB
rgb(223, 202, 137)
HSL
hsl(45, 57%, 71%)
HSB
hsb(45, 39%, 87%)
CMYK
cmyk(0%, 9%, 39%, 13%)
Oklch
oklch(84.2% 0.087 92.2)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

462842
29472D

Analogous

3C2947
462842
472934

Triadic

462842
434729
294347

Split-Comp.

462842
344729
29473C

Tetradic

462842
473C29
29472D
293447

Contrast Matrix WCAG 2.1 Contrast

462842
632731
9D533A
E4A353
DFCA89
—
1.1
Fail
2.3
Fail
5.9
AA
7.9
AAA
1.1
Fail
—
2.0
Fail
5.2
AA
6.9
AA
2.3
Fail
2.0
Fail
—
2.6
Fail
3.5
AA Large
5.9
AA
5.2
AA
2.6
Fail
—
1.3
Fail
7.9
AAA
6.9
AA
3.5
AA Large
1.3
Fail
—
White BG
12.8AAA
11.3AAA
5.6AA
2.2Fail
1.6Fail
Black BG
1.6Fail
1.9Fail
3.7AA Large
9.7AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

39393C
49482F
7D7C40
C8C766
D6D699

Deuteranopia

3B3D3A
4D512E
818742
CCD16B
D7D99D

Tritanopia

453736
602D2C
994546
E17679
DEA5A8

Achromatopsia

343434
3A3A3A
666666
ADADAD
C9C9C9

Shades & Tints Shades & Tints

#462842

Dark
Light

#632731

Dark
Light

#9D533A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #462842;
  --color-2: #632731;
  --color-3: #9d533a;
  --color-4: #e4a353;
  --color-5: #dfca89;
}

SCSS

$color-1: #462842;
$color-2: #632731;
$color-3: #9d533a;
$color-4: #e4a353;
$color-5: #dfca89;

TAILWIND

colors: {
  'brand-1': '#462842',
  'brand-2': '#632731',
  'brand-3': '#9d533a',
  'brand-4': '#e4a353',
  'brand-5': '#dfca89',
}

RGB Array

[70, 40, 66], [99, 39, 49], [157, 83, 58], [228, 163, 83], [223, 202, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #462842, #632731, #9D533A, #E4A353, #DFCA89 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: #462842; --color-2: #632731; --color-3: #9d533a; --color-4: #e4a353; --color-5: #dfca89. 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