← Back to Editor

#51243C · #D2574A · #DA9A73 · #D5C496 · #C7C1A4

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

#51243C

Rose Purple · DarkSlateGray · Raspberry

HEX
#51243C
RGB
rgb(81, 36, 60)
HSL
hsl(328, 38%, 23%)
HSB
hsb(328, 56%, 32%)
CMYK
cmyk(0%, 56%, 26%, 68%)
Oklch
oklch(33.2% 0.075 348.7)

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

#D2574A

Crimson · Tomato · Passion Red

HEX
#D2574A
RGB
rgb(210, 87, 74)
HSL
hsl(6, 60%, 56%)
HSB
hsb(6, 65%, 82%)
CMYK
cmyk(0%, 59%, 65%, 18%)
Oklch
oklch(61.3% 0.158 28.6)

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

#DA9A73

Apricot · DarkSalmon · Warm Sun

HEX
#DA9A73
RGB
rgb(218, 154, 115)
HSL
hsl(23, 58%, 65%)
HSB
hsb(23, 47%, 85%)
CMYK
cmyk(0%, 29%, 47%, 15%)
Oklch
oklch(73.9% 0.093 52.1)

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

#D5C496

Goose Yellow · Tan · Sunflower

HEX
#D5C496
RGB
rgb(213, 196, 150)
HSL
hsl(44, 43%, 71%)
HSB
hsb(44, 30%, 84%)
CMYK
cmyk(0%, 8%, 30%, 16%)
Oklch
oklch(82.3% 0.064 90.2)

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

#C7C1A4

Fresh Green · Silver · Sunflower

HEX
#C7C1A4
RGB
rgb(199, 193, 164)
HSL
hsl(50, 24%, 71%)
HSB
hsb(50, 18%, 78%)
CMYK
cmyk(0%, 3%, 18%, 22%)
Oklch
oklch(80.8% 0.040 97.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

51243C
245139

Analogous

4F2451
51243C
512426

Triadic

51243C
3C5124
243C51

Split-Comp.

51243C
265124
24514F

Tetradic

51243C
514F24
245139
242651

Contrast Matrix WCAG 2.1 Contrast

51243C
D2574A
DA9A73
D5C496
C7C1A4
—
3.1
AA Large
5.3
AA
7.3
AAA
7.0
AA
3.1
AA Large
—
1.7
Fail
2.3
Fail
2.2
Fail
5.3
AA
1.7
Fail
—
1.4
Fail
1.3
Fail
7.3
AAA
2.3
Fail
1.4
Fail
—
1.0
Fail
7.0
AA
2.2
Fail
1.3
Fail
1.0
Fail
—
White BG
12.6AAA
4.0AA Large
2.4Fail
1.7Fail
1.8Fail
Black BG
1.7Fail
5.2AA
8.9AAA
12.2AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D36
9D9C4D
BEBE7C
CECDA1
C4C4AB

Deuteranopia

404435
A4AD4E
C2C77F
CFD0A4
C5C5AD

Tritanopia

4F3231
CC5050
D78486
D4AAAC
C7B1B2

Achromatopsia

343434
7A7A7A
A9A9A9
C4C4C4
BFBFBF

Shades & Tints Shades & Tints

#51243C

Dark
Light

#D2574A

Dark
Light

#DA9A73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #51243c;
  --color-2: #d2574a;
  --color-3: #da9a73;
  --color-4: #d5c496;
  --color-5: #c7c1a4;
}

SCSS

$color-1: #51243c;
$color-2: #d2574a;
$color-3: #da9a73;
$color-4: #d5c496;
$color-5: #c7c1a4;

TAILWIND

colors: {
  'brand-1': '#51243c',
  'brand-2': '#d2574a',
  'brand-3': '#da9a73',
  'brand-4': '#d5c496',
  'brand-5': '#c7c1a4',
}

RGB Array

[81, 36, 60], [210, 87, 74], [218, 154, 115], [213, 196, 150], [199, 193, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #51243C, #D2574A, #DA9A73, #D5C496, #C7C1A4 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: #51243c; --color-2: #d2574a; --color-3: #da9a73; --color-4: #d5c496; --color-5: #c7c1a4. 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