← Back to Editor

#771E41 · #51344F · #B69459 · #D6C773 · #F9D771

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

#771E41

Dark Violet · Brown · Camellia

HEX
#771E41
RGB
rgb(119, 30, 65)
HSL
hsl(336, 60%, 29%)
HSB
hsb(336, 75%, 47%)
CMYK
cmyk(0%, 75%, 45%, 53%)
Oklch
oklch(39.1% 0.126 1.1)

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

#51344F

Rose Purple · DarkSlateGray · Eggplant

HEX
#51344F
RGB
rgb(81, 52, 79)
HSL
hsl(304, 22%, 26%)
HSB
hsb(304, 36%, 32%)
CMYK
cmyk(0%, 36%, 2%, 68%)
Oklch
oklch(37.0% 0.059 329.1)

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

#B69459

Ginger · DarkSalmon · Warm Sun

HEX
#B69459
RGB
rgb(182, 148, 89)
HSL
hsl(38, 39%, 53%)
HSB
hsb(38, 51%, 71%)
CMYK
cmyk(0%, 19%, 51%, 29%)
Oklch
oklch(68.5% 0.087 80.3)

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

#D6C773

Fresh Green · BurlyWood · Sunflower

HEX
#D6C773
RGB
rgb(214, 199, 115)
HSL
hsl(51, 55%, 65%)
HSB
hsb(51, 46%, 84%)
CMYK
cmyk(0%, 7%, 46%, 16%)
Oklch
oklch(82.4% 0.107 99.4)

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

#F9D771

Goose Yellow · Khaki · Sunflower

HEX
#F9D771
RGB
rgb(249, 215, 113)
HSL
hsl(45, 92%, 71%)
HSB
hsb(45, 55%, 98%)
CMYK
cmyk(0%, 14%, 55%, 2%)
Oklch
oklch(88.8% 0.127 91.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

771E41
1E7653

Analogous

761E6D
771E41
76261E

Triadic

771E41
41761E
1E4176

Split-Comp.

771E41
1E7626
1E6D76

Tetradic

771E41
6D761E
1E7653
261E76

Contrast Matrix WCAG 2.1 Contrast

771E41
51344F
B69459
D6C773
F9D771
—
1.0
Fail
3.6
AA Large
6.0
AA
7.3
AAA
1.0
Fail
—
3.8
AA Large
6.3
AA
7.7
AAA
3.6
AA Large
3.8
AA Large
—
1.7
Fail
2.0
Fail
6.0
AA
6.3
AA
1.7
Fail
—
1.2
Fail
7.3
AAA
7.7
AAA
2.0
Fail
1.2
Fail
—
White BG
10.3AAA
10.7AAA
2.8Fail
1.7Fail
1.4Fail
Black BG
2.0Fail
2.0Fail
7.4AAA
12.3AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

505039
444448
A7A767
D0CF87
EAEA8A

Deuteranopia

565C37
464847
A9AC6B
D0D18C
ECEF90

Tritanopia

733230
504342
B47375
D5979B
F79DA1

Achromatopsia

3D3D3D
404040
979797
C2C2C2
D6D6D6

Shades & Tints Shades & Tints

#771E41

Dark
Light

#51344F

Dark
Light

#B69459

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #771e41;
  --color-2: #51344f;
  --color-3: #b69459;
  --color-4: #d6c773;
  --color-5: #f9d771;
}

SCSS

$color-1: #771e41;
$color-2: #51344f;
$color-3: #b69459;
$color-4: #d6c773;
$color-5: #f9d771;

TAILWIND

colors: {
  'brand-1': '#771e41',
  'brand-2': '#51344f',
  'brand-3': '#b69459',
  'brand-4': '#d6c773',
  'brand-5': '#f9d771',
}

RGB Array

[119, 30, 65], [81, 52, 79], [182, 148, 89], [214, 199, 115], [249, 215, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #771E41, #51344F, #B69459, #D6C773, #F9D771 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: #771e41; --color-2: #51344f; --color-3: #b69459; --color-4: #d6c773; --color-5: #f9d771. 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