← Back to Editor

#722142 · #BD2A56 · #D8606A · #F3A483 · #EFDCA2

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

#722142

Dark Violet · Brown · Camellia

HEX
#722142
RGB
rgb(114, 33, 66)
HSL
hsl(336, 55%, 29%)
HSB
hsb(336, 71%, 45%)
CMYK
cmyk(0%, 71%, 42%, 55%)
Oklch
oklch(38.5% 0.118 359.2)

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

#BD2A56

Dark Violet · Crimson · Camellia

HEX
#BD2A56
RGB
rgb(189, 42, 86)
HSL
hsl(342, 64%, 45%)
HSB
hsb(342, 78%, 74%)
CMYK
cmyk(0%, 78%, 54%, 26%)
Oklch
oklch(53.2% 0.183 8.9)

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

#D8606A

Peach Pink · LightCoral · Coral Red

HEX
#D8606A
RGB
rgb(216, 96, 106)
HSL
hsl(355, 61%, 61%)
HSB
hsb(355, 56%, 85%)
CMYK
cmyk(0%, 56%, 51%, 15%)
Oklch
oklch(64.0% 0.151 17.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F3A483

Apricot · LightSalmon · Warm Sun

HEX
#F3A483
RGB
rgb(243, 164, 131)
HSL
hsl(18, 82%, 73%)
HSB
hsb(18, 46%, 95%)
CMYK
cmyk(0%, 33%, 46%, 5%)
Oklch
oklch(78.8% 0.105 43.5)

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

#EFDCA2

Goose Yellow · Wheat · Lemon Cream

HEX
#EFDCA2
RGB
rgb(239, 220, 162)
HSL
hsl(45, 71%, 79%)
HSB
hsb(45, 32%, 94%)
CMYK
cmyk(0%, 8%, 32%, 6%)
Oklch
oklch(89.6% 0.077 92.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

722142
217352

Analogous

73216A
722142
732921

Triadic

722142
427321
214273

Split-Comp.

722142
217329
216A73

Tetradic

722142
6A7321
217352
292173

Contrast Matrix WCAG 2.1 Contrast

722142
BD2A56
D8606A
F3A483
EFDCA2
—
1.8
Fail
2.9
Fail
5.2
AA
7.7
AAA
1.8
Fail
—
1.6
Fail
2.9
Fail
4.3
AA Large
2.9
Fail
1.6
Fail
—
1.8
Fail
2.7
Fail
5.2
AA
2.9
Fail
1.8
Fail
—
1.5
Fail
7.7
AAA
4.3
AA Large
2.7
Fail
1.5
Fail
—
White BG
10.4AAA
5.8AA
3.6AA Large
2.0Fail
1.4Fail
Black BG
2.0Fail
3.6AA Large
5.8AA
10.4AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4E3A
7D7C4B
A4A368
D1D08B
E7E7B0

Deuteranopia

545A38
869149
ABB467
D5DB8D
E8E9B3

Tritanopia

6E3432
B64341
D26665
EF9193
EEBBBE

Achromatopsia

3D3D3D
5B5B5B
858585
B8B8B8
DBDBDB

Shades & Tints Shades & Tints

#722142

Dark
Light

#BD2A56

Dark
Light

#D8606A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #722142;
  --color-2: #bd2a56;
  --color-3: #d8606a;
  --color-4: #f3a483;
  --color-5: #efdca2;
}

SCSS

$color-1: #722142;
$color-2: #bd2a56;
$color-3: #d8606a;
$color-4: #f3a483;
$color-5: #efdca2;

TAILWIND

colors: {
  'brand-1': '#722142',
  'brand-2': '#bd2a56',
  'brand-3': '#d8606a',
  'brand-4': '#f3a483',
  'brand-5': '#efdca2',
}

RGB Array

[114, 33, 66], [189, 42, 86], [216, 96, 106], [243, 164, 131], [239, 220, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #722142, #BD2A56, #D8606A, #F3A483, #EFDCA2 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: #722142; --color-2: #bd2a56; --color-3: #d8606a; --color-4: #f3a483; --color-5: #efdca2. 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