← Back to Editor

#928D3C · #DB9E4B · #FC4B43 · #280001 · #FCD4A0

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

#928D3C

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#928D3C
RGB
rgb(146, 141, 60)
HSL
hsl(57, 42%, 40%)
HSB
hsb(57, 59%, 57%)
CMYK
cmyk(0%, 3%, 59%, 43%)
Oklch
oklch(63.1% 0.103 105.7)

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

#DB9E4B

Ginger · SandyBrown · Warm Sun

HEX
#DB9E4B
RGB
rgb(219, 158, 75)
HSL
hsl(35, 67%, 58%)
HSB
hsb(35, 66%, 86%)
CMYK
cmyk(0%, 28%, 66%, 14%)
Oklch
oklch(74.2% 0.123 72.2)

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

#FC4B43

Peach Pink · Tomato · Coral Red

HEX
#FC4B43
RGB
rgb(252, 75, 67)
HSL
hsl(3, 97%, 63%)
HSB
hsb(3, 73%, 99%)
CMYK
cmyk(0%, 70%, 73%, 1%)
Oklch
oklch(66.5% 0.215 27.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#280001

Vermilion · Black · Deep Berry

HEX
#280001
RGB
rgb(40, 0, 1)
HSL
hsl(358, 100%, 8%)
HSB
hsb(358, 100%, 16%)
CMYK
cmyk(0%, 100%, 98%, 84%)
Oklch
oklch(17.4% 0.071 26.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#FCD4A0

Goose Yellow · Wheat · Peach Orange

HEX
#FCD4A0
RGB
rgb(252, 212, 160)
HSL
hsl(34, 94%, 81%)
HSB
hsb(34, 37%, 99%)
CMYK
cmyk(0%, 16%, 37%, 1%)
Oklch
oklch(89.2% 0.081 73.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

928D3C
3B3F91

Analogous

91623B
928D3C
6A913B

Triadic

928D3C
3B918D
8D3B91

Split-Comp.

928D3C
3B6A91
623B91

Tetradic

928D3C
3B9162
3B3F91
913B6A

Contrast Matrix WCAG 2.1 Contrast

928D3C
DB9E4B
FC4B43
280001
FCD4A0
—
1.5
Fail
1.0
Fail
5.6
AA
2.5
Fail
1.5
Fail
—
1.4
Fail
8.3
AAA
1.7
Fail
1.0
Fail
1.4
Fail
—
5.7
AA
2.4
Fail
5.6
AA
8.3
AAA
5.7
AA
—
13.8
AAA
2.5
Fail
1.7
Fail
2.4
Fail
13.8
AAA
—
White BG
3.4AA Large
2.3Fail
3.4AA Large
19.3AAA
1.4Fail
Black BG
6.1AA
9.0AAA
6.2AA
1.1Fail
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

909050
C1C05F
AFAE45
171601
EBEAAD

Deuteranopia

909154
C4C964
BAC745
191C01
EDF0B0

Tritanopia

925F62
D86F72
F34647
260101
FAB7B9

Achromatopsia

858585
A7A7A7
7F7F7F
0C0C0C
DADADA

Shades & Tints Shades & Tints

#928D3C

Dark
Light

#DB9E4B

Dark
Light

#FC4B43

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #928d3c;
  --color-2: #db9e4b;
  --color-3: #fc4b43;
  --color-4: #280001;
  --color-5: #fcd4a0;
}

SCSS

$color-1: #928d3c;
$color-2: #db9e4b;
$color-3: #fc4b43;
$color-4: #280001;
$color-5: #fcd4a0;

TAILWIND

colors: {
  'brand-1': '#928d3c',
  'brand-2': '#db9e4b',
  'brand-3': '#fc4b43',
  'brand-4': '#280001',
  'brand-5': '#fcd4a0',
}

RGB Array

[146, 141, 60], [219, 158, 75], [252, 75, 67], [40, 0, 1], [252, 212, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #928D3C, #DB9E4B, #FC4B43, #280001, #FCD4A0 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: #928d3c; --color-2: #db9e4b; --color-3: #fc4b43; --color-4: #280001; --color-5: #fcd4a0. 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