← Back to Editor

#642736 · #A3AD3A · #FACF66 · #EBAC42 · #B41722

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

#642736

Crimson · Brown · Wine Red

HEX
#642736
RGB
rgb(100, 39, 54)
HSL
hsl(345, 44%, 27%)
HSB
hsb(345, 61%, 39%)
CMYK
cmyk(0%, 61%, 46%, 61%)
Oklch
oklch(36.5% 0.089 7.3)

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

#A3AD3A

Autumn Sage · GoldenRod · Honey Gold

HEX
#A3AD3A
RGB
rgb(163, 173, 58)
HSL
hsl(65, 50%, 45%)
HSB
hsb(65, 66%, 68%)
CMYK
cmyk(6%, 0%, 66%, 32%)
Oklch
oklch(71.8% 0.137 114.1)

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

#FACF66

Ginger · SandyBrown · Sunflower

HEX
#FACF66
RGB
rgb(250, 207, 102)
HSL
hsl(43, 94%, 69%)
HSB
hsb(43, 59%, 98%)
CMYK
cmyk(0%, 17%, 59%, 2%)
Oklch
oklch(87.2% 0.132 87.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EBAC42

Ginger · SandyBrown · Warm Sun

HEX
#EBAC42
RGB
rgb(235, 172, 66)
HSL
hsl(38, 81%, 59%)
HSB
hsb(38, 72%, 92%)
CMYK
cmyk(0%, 27%, 72%, 8%)
Oklch
oklch(78.5% 0.140 76.8)

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

#B41722

Vermilion · FireBrick · Wine Red

HEX
#B41722
RGB
rgb(180, 23, 34)
HSL
hsl(356, 77%, 40%)
HSB
hsb(356, 87%, 71%)
CMYK
cmyk(0%, 87%, 81%, 29%)
Oklch
oklch(49.4% 0.188 25.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

642736
276354

Analogous

632754
642736
633627

Triadic

642736
366327
273663

Split-Comp.

642736
276336
275463

Tetradic

642736
546327
276354
362763

Contrast Matrix WCAG 2.1 Contrast

642736
A3AD3A
FACF66
EBAC42
B41722
—
4.6
AA
7.5
AAA
5.6
AA
1.6
Fail
4.6
AA
—
1.6
Fail
1.2
Fail
2.8
Fail
7.5
AAA
1.6
Fail
—
1.3
Fail
4.6
AA
5.6
AA
1.2
Fail
1.3
Fail
—
3.4
AA Large
1.6
Fail
2.8
Fail
4.6
AA
3.4
AA Large
—
White BG
11.1AAA
2.4Fail
1.5Fail
2.0Fail
6.8AA
Black BG
1.9Fail
8.6AAA
14.2AAA
10.5AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4932
A7A756
E7E77F
D0CF5C
706F1F

Deuteranopia

4D5232
A7A65D
EAED86
D3D862
79851F

Tritanopia

61302F
A46C71
F89398
E87074
AC1D1D

Achromatopsia

3B3B3B
9D9D9D
D0D0D0
B3B3B3
474747

Shades & Tints Shades & Tints

#642736

Dark
Light

#A3AD3A

Dark
Light

#FACF66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #642736;
  --color-2: #a3ad3a;
  --color-3: #facf66;
  --color-4: #ebac42;
  --color-5: #b41722;
}

SCSS

$color-1: #642736;
$color-2: #a3ad3a;
$color-3: #facf66;
$color-4: #ebac42;
$color-5: #b41722;

TAILWIND

colors: {
  'brand-1': '#642736',
  'brand-2': '#a3ad3a',
  'brand-3': '#facf66',
  'brand-4': '#ebac42',
  'brand-5': '#b41722',
}

RGB Array

[100, 39, 54], [163, 173, 58], [250, 207, 102], [235, 172, 66], [180, 23, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #642736, #A3AD3A, #FACF66, #EBAC42, #B41722 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: #642736; --color-2: #a3ad3a; --color-3: #facf66; --color-4: #ebac42; --color-5: #b41722. 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