← Back to Editor

#970432 · #DB0647 · #FED4AB · #B4B60A · #918D1C

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

#970432

Dark Violet · Brown · Camellia

HEX
#970432
RGB
rgb(151, 4, 50)
HSL
hsl(341, 95%, 30%)
HSB
hsb(341, 97%, 59%)
CMYK
cmyk(0%, 97%, 67%, 41%)
Oklch
oklch(43.2% 0.170 14.3)

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

#DB0647

Dark Violet · Crimson · Camellia

HEX
#DB0647
RGB
rgb(219, 6, 71)
HSL
hsl(342, 95%, 44%)
HSB
hsb(342, 97%, 86%)
CMYK
cmyk(0%, 97%, 68%, 14%)
Oklch
oklch(56.8% 0.225 15.9)

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

#FED4AB

Goose Yellow · Wheat · Peach Orange

HEX
#FED4AB
RGB
rgb(254, 212, 171)
HSL
hsl(30, 98%, 83%)
HSB
hsb(30, 33%, 100%)
CMYK
cmyk(0%, 17%, 33%, 0%)
Oklch
oklch(89.6% 0.071 66.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B4B60A

Autumn Sage · GoldenRod · Honey Gold

HEX
#B4B60A
RGB
rgb(180, 182, 10)
HSL
hsl(61, 90%, 38%)
HSB
hsb(61, 95%, 71%)
CMYK
cmyk(1%, 0%, 95%, 29%)
Oklch
oklch(75.0% 0.163 110.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#918D1C

Autumn Sage · Olive · Honey Gold

HEX
#918D1C
RGB
rgb(145, 141, 28)
HSL
hsl(58, 68%, 34%)
HSB
hsb(58, 81%, 57%)
CMYK
cmyk(0%, 3%, 81%, 43%)
Oklch
oklch(62.7% 0.126 107.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

970432
049567

Analogous

95047B
970432
951E04

Triadic

970432
329504
043295

Split-Comp.

970432
04951E
047B95

Tetradic

970432
7B9504
049567
1E0495

Contrast Matrix WCAG 2.1 Contrast

970432
DB0647
FED4AB
B4B60A
918D1C
—
1.7
Fail
6.4
AA
4.1
AA Large
2.5
Fail
1.7
Fail
—
3.7
AA Large
2.3
Fail
1.5
Fail
6.4
AA
3.7
AA Large
—
1.6
Fail
2.5
Fail
4.1
AA Large
2.3
Fail
1.6
Fail
—
1.6
Fail
2.5
Fail
1.5
Fail
2.5
Fail
1.6
Fail
—
White BG
8.8AAA
5.1AA
1.4Fail
2.2Fail
3.5AA Large
Black BG
2.4Fail
4.1AA Large
15.2AAA
9.6AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

575627
7F7D37
ECEBB5
B5B534
8F8F37

Deuteranopia

606B24
8B9B33
EEF1B7
B5B53E
90903E

Tritanopia

901E1C
D02B28
FCBDBE
B4545C
914D52

Achromatopsia

353535
4D4D4D
DCDCDC
A2A2A2
818181

Shades & Tints Shades & Tints

#970432

Dark
Light

#DB0647

Dark
Light

#FED4AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #970432;
  --color-2: #db0647;
  --color-3: #fed4ab;
  --color-4: #b4b60a;
  --color-5: #918d1c;
}

SCSS

$color-1: #970432;
$color-2: #db0647;
$color-3: #fed4ab;
$color-4: #b4b60a;
$color-5: #918d1c;

TAILWIND

colors: {
  'brand-1': '#970432',
  'brand-2': '#db0647',
  'brand-3': '#fed4ab',
  'brand-4': '#b4b60a',
  'brand-5': '#918d1c',
}

RGB Array

[151, 4, 50], [219, 6, 71], [254, 212, 171], [180, 182, 10], [145, 141, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #970432, #DB0647, #FED4AB, #B4B60A, #918D1C 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: #970432; --color-2: #db0647; --color-3: #fed4ab; --color-4: #b4b60a; --color-5: #918d1c. 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