← Back to Editor

#DDBAA4 · #F6D1B6 · #FF429E · #E50868 · #330900

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

#DDBAA4

Apricot · Tan · Warm Sun

HEX
#DDBAA4
RGB
rgb(221, 186, 164)
HSL
hsl(23, 46%, 75%)
HSB
hsb(23, 26%, 87%)
CMYK
cmyk(0%, 16%, 26%, 13%)
Oklch
oklch(81.4% 0.050 54.0)

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

#F6D1B6

Apricot · Wheat · Peach Orange

HEX
#F6D1B6
RGB
rgb(246, 209, 182)
HSL
hsl(25, 78%, 84%)
HSB
hsb(25, 26%, 96%)
CMYK
cmyk(0%, 15%, 26%, 4%)
Oklch
oklch(88.5% 0.055 58.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FF429E

Rouge · DeepPink · Rose Pink

HEX
#FF429E
RGB
rgb(255, 66, 158)
HSL
hsl(331, 100%, 63%)
HSB
hsb(331, 74%, 100%)
CMYK
cmyk(0%, 74%, 38%, 0%)
Oklch
oklch(68.2% 0.235 355.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#E50868

Dark Violet · MediumVioletRed · Camellia

HEX
#E50868
RGB
rgb(229, 8, 104)
HSL
hsl(334, 93%, 46%)
HSB
hsb(334, 97%, 90%)
CMYK
cmyk(0%, 97%, 55%, 10%)
Oklch
oklch(59.4% 0.236 6.2)

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

#330900

Vermilion · Black · Deep Berry

HEX
#330900
RGB
rgb(51, 9, 0)
HSL
hsl(11, 100%, 10%)
HSB
hsb(11, 100%, 20%)
CMYK
cmyk(0%, 82%, 100%, 80%)
Oklch
oklch(21.6% 0.071 37.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDBAA4
A2C6DD

Analogous

DDA2A9
DDBAA4
DDD6A2

Triadic

DDBAA4
A2DDB8
B8A2DD

Split-Comp.

DDBAA4
A2DDD6
A2A9DD

Tetradic

DDBAA4
A9DDA2
A2C6DD
D6A2DD

Contrast Matrix WCAG 2.1 Contrast

DDBAA4
F6D1B6
FF429E
E50868
330900
—
1.3
Fail
1.8
Fail
2.5
Fail
9.9
AAA
1.3
Fail
—
2.3
Fail
3.2
AA Large
12.5
AAA
1.8
Fail
2.3
Fail
—
1.4
Fail
5.5
AA
2.5
Fail
3.2
AA Large
1.4
Fail
—
3.9
AA Large
9.9
AAA
12.5
AAA
5.5
AA
3.9
AA Large
—
White BG
1.8Fail
1.4Fail
3.2AA Large
4.6AA
17.8AAA
Black BG
11.6AAA
14.7AAA
6.5AA
4.6AA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEA9
E6E6BD
ADAB88
858351
212002

Deuteranopia

D0D3AB
E8EBBE
B8C682
92A34B
232603

Tritanopia

DBAEAE
F4C2C3
F67672
DA3E3A
310404

Achromatopsia

C2C2C2
D9D9D9
858585
555555
151515

Shades & Tints Shades & Tints

#DDBAA4

Dark
Light

#F6D1B6

Dark
Light

#FF429E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddbaa4;
  --color-2: #f6d1b6;
  --color-3: #ff429e;
  --color-4: #e50868;
  --color-5: #330900;
}

SCSS

$color-1: #ddbaa4;
$color-2: #f6d1b6;
$color-3: #ff429e;
$color-4: #e50868;
$color-5: #330900;

TAILWIND

colors: {
  'brand-1': '#ddbaa4',
  'brand-2': '#f6d1b6',
  'brand-3': '#ff429e',
  'brand-4': '#e50868',
  'brand-5': '#330900',
}

RGB Array

[221, 186, 164], [246, 209, 182], [255, 66, 158], [229, 8, 104], [51, 9, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDBAA4, #F6D1B6, #FF429E, #E50868, #330900 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: #ddbaa4; --color-2: #f6d1b6; --color-3: #ff429e; --color-4: #e50868; --color-5: #330900. 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