← Back to Editor

#4C1A37 · #863A3E · #D65432 · #DDA165 · #FFFFC1

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

#4C1A37

Rose Purple · DarkSlateGray · Raspberry

HEX
#4C1A37
RGB
rgb(76, 26, 55)
HSL
hsl(325, 49%, 20%)
HSB
hsb(325, 66%, 30%)
CMYK
cmyk(0%, 66%, 28%, 70%)
Oklch
oklch(30.5% 0.084 347.4)

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

#863A3E

Crimson · Sienna · Wine Red

HEX
#863A3E
RGB
rgb(134, 58, 62)
HSL
hsl(357, 40%, 38%)
HSB
hsb(357, 57%, 53%)
CMYK
cmyk(0%, 57%, 54%, 47%)
Oklch
oklch(45.1% 0.105 19.0)

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

#D65432

Vermilion · Chocolate · Passion Red

HEX
#D65432
RGB
rgb(214, 84, 50)
HSL
hsl(12, 67%, 52%)
HSB
hsb(12, 77%, 84%)
CMYK
cmyk(0%, 61%, 77%, 16%)
Oklch
oklch(61.2% 0.171 35.6)

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

#DDA165

Ginger · SandyBrown · Warm Sun

HEX
#DDA165
RGB
rgb(221, 161, 101)
HSL
hsl(30, 64%, 63%)
HSB
hsb(30, 54%, 87%)
CMYK
cmyk(0%, 27%, 54%, 13%)
Oklch
oklch(75.4% 0.105 65.1)

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

#FFFFC1

Fresh Green · Bisque · Lemon Cream

HEX
#FFFFC1
RGB
rgb(255, 255, 193)
HSL
hsl(60, 100%, 88%)
HSB
hsb(60, 24%, 100%)
CMYK
cmyk(0%, 0%, 24%, 0%)
Oklch
oklch(98.5% 0.079 107.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C1A37
1A4C2F

Analogous

481A4C
4C1A37
4C1A1E

Triadic

4C1A37
374C1A
1A374C

Split-Comp.

4C1A37
1E4C1A
1A4C48

Tetradic

4C1A37
4C481A
1A4C2F
1A1E4C

Contrast Matrix WCAG 2.1 Contrast

4C1A37
863A3E
D65432
DDA165
FFFFC1
—
1.8
Fail
3.4
AA Large
6.2
AA
13.5
AAA
1.8
Fail
—
1.9
Fail
3.5
AA Large
7.6
AAA
3.4
AA Large
1.9
Fail
—
1.8
Fail
3.9
AA Large
6.2
AA
3.5
AA Large
1.8
Fail
—
2.2
Fail
13.5
AAA
7.6
AAA
3.9
AA Large
2.2
Fail
—
White BG
13.9AAA
7.8AAA
4.1AA Large
2.2Fail
1.0Fail
Black BG
1.5Fail
2.7Fail
5.2AA
9.4AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363630
65643D
9E9D3A
C3C274
FFFFD0

Deuteranopia

393D2E
6A6F3D
A5AF3C
C7CB77
FFFFD4

Tritanopia

4A2A29
823C3C
CF4142
DA7F82
FFDCDE

Achromatopsia

2C2C2C
515151
777777
ACACAC
F8F8F8

Shades & Tints Shades & Tints

#4C1A37

Dark
Light

#863A3E

Dark
Light

#D65432

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c1a37;
  --color-2: #863a3e;
  --color-3: #d65432;
  --color-4: #dda165;
  --color-5: #ffffc1;
}

SCSS

$color-1: #4c1a37;
$color-2: #863a3e;
$color-3: #d65432;
$color-4: #dda165;
$color-5: #ffffc1;

TAILWIND

colors: {
  'brand-1': '#4c1a37',
  'brand-2': '#863a3e',
  'brand-3': '#d65432',
  'brand-4': '#dda165',
  'brand-5': '#ffffc1',
}

RGB Array

[76, 26, 55], [134, 58, 62], [214, 84, 50], [221, 161, 101], [255, 255, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C1A37, #863A3E, #D65432, #DDA165, #FFFFC1 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: #4c1a37; --color-2: #863a3e; --color-3: #d65432; --color-4: #dda165; --color-5: #ffffc1. 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