← Back to Editor

#451C34 · #472D52 · #625F73 · #A19185 · #DEBD9B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#451C34

Rose Purple · DarkSlateGray · Raspberry

HEX
#451C34
RGB
rgb(69, 28, 52)
HSL
hsl(325, 42%, 19%)
HSB
hsb(325, 59%, 27%)
CMYK
cmyk(0%, 59%, 25%, 73%)
Oklch
oklch(29.5% 0.071 346.2)

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

#472D52

Dark Plum · DarkSlateGray · Eggplant

HEX
#472D52
RGB
rgb(71, 45, 82)
HSL
hsl(282, 29%, 25%)
HSB
hsb(282, 45%, 32%)
CMYK
cmyk(13%, 45%, 0%, 68%)
Oklch
oklch(34.5% 0.070 315.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#625F73

Deep Indigo · DimGray · Navy Blue

HEX
#625F73
RGB
rgb(98, 95, 115)
HSL
hsl(249, 10%, 41%)
HSB
hsb(249, 17%, 45%)
CMYK
cmyk(15%, 17%, 0%, 55%)
Oklch
oklch(49.6% 0.032 292.1)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#A19185

Tangerine · Gray · Warm Sun

HEX
#A19185
RGB
rgb(161, 145, 133)
HSL
hsl(26, 13%, 58%)
HSB
hsb(26, 17%, 63%)
CMYK
cmyk(0%, 10%, 17%, 37%)
Oklch
oklch(66.7% 0.026 59.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#DEBD9B

Goose Yellow · BurlyWood · Warm Sun

HEX
#DEBD9B
RGB
rgb(222, 189, 155)
HSL
hsl(30, 50%, 74%)
HSB
hsb(30, 30%, 87%)
CMYK
cmyk(0%, 15%, 30%, 13%)
Oklch
oklch(81.8% 0.059 67.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

451C34
1C452D

Analogous

411C45
451C34
451C1F

Triadic

451C34
34451C
1C3445

Split-Comp.

451C34
1F451C
1C4541

Tetradic

451C34
45411C
1C452D
1C1F45

Contrast Matrix WCAG 2.1 Contrast

451C34
472D52
625F73
A19185
DEBD9B
—
1.2
Fail
2.3
Fail
4.7
AA
8.1
AAA
1.2
Fail
—
1.9
Fail
3.9
AA Large
6.7
AA
2.3
Fail
1.9
Fail
—
2.0
Fail
3.5
AA Large
4.7
AA
3.9
AA Large
2.0
Fail
—
1.7
Fail
8.1
AAA
6.7
AA
3.5
AA Large
1.7
Fail
—
White BG
14.3AAA
11.9AAA
6.2AA
3.0AA Large
1.8Fail
Black BG
1.5Fail
1.8Fail
3.4AA Large
6.9AA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

33332E
3C3C49
61616E
9A9A88
D0CFA3

Deuteranopia

36392D
3D3F47
61616D
9B9C89
D2D4A5

Tritanopia

432A29
464240
626A6A
A08A8B
DCAAAB

Achromatopsia

2B2B2B
393939
626262
949494
C3C3C3

Shades & Tints Shades & Tints

#451C34

Dark
Light

#472D52

Dark
Light

#625F73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #451c34;
  --color-2: #472d52;
  --color-3: #625f73;
  --color-4: #a19185;
  --color-5: #debd9b;
}

SCSS

$color-1: #451c34;
$color-2: #472d52;
$color-3: #625f73;
$color-4: #a19185;
$color-5: #debd9b;

TAILWIND

colors: {
  'brand-1': '#451c34',
  'brand-2': '#472d52',
  'brand-3': '#625f73',
  'brand-4': '#a19185',
  'brand-5': '#debd9b',
}

RGB Array

[69, 28, 52], [71, 45, 82], [98, 95, 115], [161, 145, 133], [222, 189, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #451C34, #472D52, #625F73, #A19185, #DEBD9B is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #451c34; --color-2: #472d52; --color-3: #625f73; --color-4: #a19185; --color-5: #debd9b. 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. Restrained colors convey professionalism and trust. 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