← Back to Editor

#594C82 · #A4747D · #DFA46A · #FFC557 · #FFE54E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#594C82

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#594C82
RGB
rgb(89, 76, 130)
HSL
hsl(254, 26%, 40%)
HSB
hsb(254, 42%, 51%)
CMYK
cmyk(32%, 42%, 0%, 49%)
Oklch
oklch(45.4% 0.087 293.7)

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

#A4747D

Crimson · Gray · Passion Red

HEX
#A4747D
RGB
rgb(164, 116, 125)
HSL
hsl(349, 21%, 55%)
HSB
hsb(349, 29%, 64%)
CMYK
cmyk(0%, 29%, 24%, 36%)
Oklch
oklch(61.0% 0.062 6.7)

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

#DFA46A

Ginger · SandyBrown · Warm Sun

HEX
#DFA46A
RGB
rgb(223, 164, 106)
HSL
hsl(30, 65%, 65%)
HSB
hsb(30, 52%, 87%)
CMYK
cmyk(0%, 26%, 52%, 13%)
Oklch
oklch(76.2% 0.102 64.8)

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

#FFC557

Ginger · SandyBrown · Warm Sun

HEX
#FFC557
RGB
rgb(255, 197, 87)
HSL
hsl(39, 100%, 67%)
HSB
hsb(39, 66%, 100%)
CMYK
cmyk(0%, 23%, 66%, 0%)
Oklch
oklch(85.6% 0.141 80.8)

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

#FFE54E

Fresh Green · Khaki · Sunflower

HEX
#FFE54E
RGB
rgb(255, 229, 78)
HSL
hsl(51, 100%, 65%)
HSB
hsb(51, 69%, 100%)
CMYK
cmyk(0%, 10%, 69%, 0%)
Oklch
oklch(91.8% 0.165 99.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

594C82
74814B

Analogous

4B5A81
594C82
724B81

Triadic

594C82
81584B
4B8158

Split-Comp.

594C82
81724B
5A814B

Tetradic

594C82
814B5A
74814B
4B8172

Contrast Matrix WCAG 2.1 Contrast

594C82
A4747D
DFA46A
FFC557
FFE54E
—
1.9
Fail
3.5
AA Large
4.8
AA
6.0
AA
1.9
Fail
—
1.8
Fail
2.5
Fail
3.1
AA Large
3.5
AA Large
1.8
Fail
—
1.4
Fail
1.7
Fail
4.8
AA
2.5
Fail
1.4
Fail
—
1.2
Fail
6.0
AA
3.1
AA Large
1.7
Fail
1.2
Fail
—
White BG
7.6AAA
3.9AA Large
2.2Fail
1.6Fail
1.3Fail
Black BG
2.8Fail
5.4AA
9.7AAA
13.4AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

535375
8F8F7B
C5C578
E6E572
F4F473

Deuteranopia

545572
92967A
C9CD7B
E9EE78
F5F77B

Tritanopia

586B68
A27979
DC8386
FC878B
FE8F96

Achromatopsia

565656
838383
AFAFAF
CACACA
DCDCDC

Shades & Tints Shades & Tints

#594C82

Dark
Light

#A4747D

Dark
Light

#DFA46A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #594c82;
  --color-2: #a4747d;
  --color-3: #dfa46a;
  --color-4: #ffc557;
  --color-5: #ffe54e;
}

SCSS

$color-1: #594c82;
$color-2: #a4747d;
$color-3: #dfa46a;
$color-4: #ffc557;
$color-5: #ffe54e;

TAILWIND

colors: {
  'brand-1': '#594c82',
  'brand-2': '#a4747d',
  'brand-3': '#dfa46a',
  'brand-4': '#ffc557',
  'brand-5': '#ffe54e',
}

RGB Array

[89, 76, 130], [164, 116, 125], [223, 164, 106], [255, 197, 87], [255, 229, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #594C82, #A4747D, #DFA46A, #FFC557, #FFE54E is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #594c82; --color-2: #a4747d; --color-3: #dfa46a; --color-4: #ffc557; --color-5: #ffe54e. 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. 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