← Back to Editor

#672646 · #EEDB8F · #CDDFAF · #F1C89C · #E4444C

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

#672646

Dark Violet · Brown · Camellia

HEX
#672646
RGB
rgb(103, 38, 70)
HSL
hsl(330, 46%, 28%)
HSB
hsb(330, 63%, 40%)
CMYK
cmyk(0%, 63%, 32%, 60%)
Oklch
oklch(37.4% 0.101 352.4)

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

#EEDB8F

Goose Yellow · Khaki · Sunflower

HEX
#EEDB8F
RGB
rgb(238, 219, 143)
HSL
hsl(48, 74%, 75%)
HSB
hsb(48, 40%, 93%)
CMYK
cmyk(0%, 8%, 40%, 7%)
Oklch
oklch(89.0% 0.098 95.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#CDDFAF

Willow Green · Silver · Apple Green

HEX
#CDDFAF
RGB
rgb(205, 223, 175)
HSL
hsl(83, 43%, 78%)
HSB
hsb(83, 22%, 87%)
CMYK
cmyk(8%, 0%, 22%, 13%)
Oklch
oklch(87.8% 0.067 124.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#F1C89C

Goose Yellow · Wheat · Peach Orange

HEX
#F1C89C
RGB
rgb(241, 200, 156)
HSL
hsl(31, 75%, 78%)
HSB
hsb(31, 35%, 95%)
CMYK
cmyk(0%, 17%, 35%, 5%)
Oklch
oklch(85.8% 0.074 68.6)

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

#E4444C

Vermilion · Tomato · Passion Red

HEX
#E4444C
RGB
rgb(228, 68, 76)
HSL
hsl(357, 75%, 58%)
HSB
hsb(357, 70%, 89%)
CMYK
cmyk(0%, 70%, 67%, 11%)
Oklch
oklch(62.0% 0.196 22.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

672646
276847

Analogous

682768
672646
682727

Triadic

672646
476827
274768

Split-Comp.

672646
276827
276868

Tetradic

672646
686827
276847
272768

Contrast Matrix WCAG 2.1 Contrast

672646
EEDB8F
CDDFAF
F1C89C
E4444C
—
7.8
AAA
7.6
AAA
6.9
AA
2.7
Fail
7.8
AAA
—
1.0
Fail
1.1
Fail
2.9
Fail
7.6
AAA
1.0
Fail
—
1.1
Fail
2.8
Fail
6.9
AA
1.1
Fail
1.1
Fail
—
2.6
Fail
2.7
Fail
2.9
Fail
2.8
Fail
2.6
Fail
—
White BG
10.8AAA
1.4Fail
1.4Fail
1.6Fail
4.0AA Large
Black BG
1.9Fail
15.2AAA
14.8AAA
13.5AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4A3E
E6E6A1
D5D5BB
DFDFA7
9F9D4A

Deuteranopia

4F543C
E7E8A6
D4D2BD
E2E5A9
A8B44A

Tritanopia

643837
EDB0B3
CEC4C6
EFAFB1
DC4948

Achromatopsia

3D3D3D
D8D8D8
D4D4D4
CFCFCF
757575

Shades & Tints Shades & Tints

#672646

Dark
Light

#EEDB8F

Dark
Light

#CDDFAF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #672646;
  --color-2: #eedb8f;
  --color-3: #cddfaf;
  --color-4: #f1c89c;
  --color-5: #e4444c;
}

SCSS

$color-1: #672646;
$color-2: #eedb8f;
$color-3: #cddfaf;
$color-4: #f1c89c;
$color-5: #e4444c;

TAILWIND

colors: {
  'brand-1': '#672646',
  'brand-2': '#eedb8f',
  'brand-3': '#cddfaf',
  'brand-4': '#f1c89c',
  'brand-5': '#e4444c',
}

RGB Array

[103, 38, 70], [238, 219, 143], [205, 223, 175], [241, 200, 156], [228, 68, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #672646, #EEDB8F, #CDDFAF, #F1C89C, #E4444C 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: #672646; --color-2: #eedb8f; --color-3: #cddfaf; --color-4: #f1c89c; --color-5: #e4444c. 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