← Back to Editor

#D9AD77 · #F27C49 · #D93858 · #781364 · #412B54

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#D9AD77

Ginger · BurlyWood · Warm Sun

HEX
#D9AD77
RGB
rgb(217, 173, 119)
HSL
hsl(33, 56%, 66%)
HSB
hsb(33, 45%, 85%)
CMYK
cmyk(0%, 20%, 45%, 15%)
Oklch
oklch(77.5% 0.087 71.7)

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

#F27C49

Apricot · Coral · Warm Sun

HEX
#F27C49
RGB
rgb(242, 124, 73)
HSL
hsl(18, 87%, 62%)
HSB
hsb(18, 70%, 95%)
CMYK
cmyk(0%, 49%, 70%, 5%)
Oklch
oklch(71.2% 0.159 42.9)

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

#D93858

Vermilion · Crimson · Passion Red

HEX
#D93858
RGB
rgb(217, 56, 88)
HSL
hsl(348, 68%, 54%)
HSB
hsb(348, 74%, 85%)
CMYK
cmyk(0%, 74%, 59%, 15%)
Oklch
oklch(59.2% 0.196 14.6)

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

#781364

Rose Purple · Purple · Eggplant

HEX
#781364
RGB
rgb(120, 19, 100)
HSL
hsl(312, 73%, 27%)
HSB
hsb(312, 84%, 47%)
CMYK
cmyk(0%, 84%, 17%, 53%)
Oklch
oklch(39.9% 0.158 338.0)

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

#412B54

Dark Plum · DarkSlateGray · Eggplant

HEX
#412B54
RGB
rgb(65, 43, 84)
HSL
hsl(272, 32%, 25%)
HSB
hsb(272, 49%, 33%)
CMYK
cmyk(23%, 49%, 0%, 67%)
Oklch
oklch(33.5% 0.074 307.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9AD77
78A3D9

Analogous

D97D78
D9AD77
D4D978

Triadic

D9AD77
78D9AD
AD78D9

Split-Comp.

D9AD77
78D4D9
7D78D9

Tetradic

D9AD77
78D97D
78A3D9
D978D4

Contrast Matrix WCAG 2.1 Contrast

D9AD77
F27C49
D93858
781364
412B54
—
1.3
Fail
2.2
Fail
4.9
AA
6.0
AA
1.3
Fail
—
1.7
Fail
3.7
AA Large
4.6
AA
2.2
Fail
1.7
Fail
—
2.2
Fail
2.7
Fail
4.9
AA
3.7
AA Large
2.2
Fail
—
1.2
Fail
6.0
AA
4.6
AA
2.7
Fail
1.2
Fail
—
White BG
2.1Fail
2.7Fail
4.5AA
10.1AAA
12.4AAA
Black BG
10.2AAA
7.8AAA
4.7AA
2.1Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C684
BFBE55
939250
4C4B50
37374A

Deuteranopia

C9CC87
C6CF58
9DA94E
525A4C
393A48

Tritanopia

D78E91
EC5F61
D14A49
73413E
404241

Achromatopsia

B4B4B4
999999
6C6C6C
3A3A3A
363636

Shades & Tints Shades & Tints

#D9AD77

Dark
Light

#F27C49

Dark
Light

#D93858

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9ad77;
  --color-2: #f27c49;
  --color-3: #d93858;
  --color-4: #781364;
  --color-5: #412b54;
}

SCSS

$color-1: #d9ad77;
$color-2: #f27c49;
$color-3: #d93858;
$color-4: #781364;
$color-5: #412b54;

TAILWIND

colors: {
  'brand-1': '#d9ad77',
  'brand-2': '#f27c49',
  'brand-3': '#d93858',
  'brand-4': '#781364',
  'brand-5': '#412b54',
}

RGB Array

[217, 173, 119], [242, 124, 73], [217, 56, 88], [120, 19, 100], [65, 43, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9AD77, #F27C49, #D93858, #781364, #412B54 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d9ad77; --color-2: #f27c49; --color-3: #d93858; --color-4: #781364; --color-5: #412b54. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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