← Back to Editor

#A62249 · #3E2342 · #FB7E44 · #FBDC9B · #FCEBD7

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

#A62249

Dark Violet · Brown · Camellia

HEX
#A62249
RGB
rgb(166, 34, 73)
HSL
hsl(342, 66%, 39%)
HSB
hsb(342, 80%, 65%)
CMYK
cmyk(0%, 80%, 56%, 35%)
Oklch
oklch(48.2% 0.168 9.5)

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

#3E2342

Dark Plum · DarkSlateGray · Dark Purple

HEX
#3E2342
RGB
rgb(62, 35, 66)
HSL
hsl(292, 31%, 20%)
HSB
hsb(292, 47%, 26%)
CMYK
cmyk(6%, 47%, 0%, 74%)
Oklch
oklch(30.5% 0.065 322.2)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#FB7E44

Apricot · Coral · Warm Sun

HEX
#FB7E44
RGB
rgb(251, 126, 68)
HSL
hsl(19, 96%, 63%)
HSB
hsb(19, 73%, 98%)
CMYK
cmyk(0%, 50%, 73%, 2%)
Oklch
oklch(72.7% 0.169 43.8)

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

#FBDC9B

Goose Yellow · Khaki · Lemon Cream

HEX
#FBDC9B
RGB
rgb(251, 220, 155)
HSL
hsl(41, 92%, 80%)
HSB
hsb(41, 38%, 98%)
CMYK
cmyk(0%, 12%, 38%, 2%)
Oklch
oklch(90.6% 0.089 85.2)

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

#FCEBD7

Goose Yellow · Beige · Peach Orange

HEX
#FCEBD7
RGB
rgb(252, 235, 215)
HSL
hsl(32, 86%, 92%)
HSB
hsb(32, 15%, 99%)
CMYK
cmyk(0%, 7%, 15%, 1%)
Oklch
oklch(94.8% 0.032 71.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A62249
22A57E

Analogous

A5228B
A62249
A53C22

Triadic

A62249
49A522
2249A5

Split-Comp.

A62249
22A53C
228BA5

Tetradic

A62249
8BA522
22A57E
3C22A5

Contrast Matrix WCAG 2.1 Contrast

A62249
3E2342
FB7E44
FBDC9B
FCEBD7
—
1.9
Fail
2.8
Fail
5.4
AA
6.1
AA
1.9
Fail
—
5.4
AA
10.4
AAA
11.8
AAA
2.8
Fail
5.4
AA
—
1.9
Fail
2.2
Fail
5.4
AA
10.4
AAA
1.9
Fail
—
1.1
Fail
6.1
AA
11.8
AAA
2.2
Fail
1.1
Fail
—
White BG
7.1AAA
13.8AAA
2.6Fail
1.3Fail
1.2Fail
Black BG
2.9Fail
1.5Fail
8.2AAA
15.8AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6C40
32323A
C5C452
EEEDAB
F5F4DC

Deuteranopia

757E3D
343639
CCD655
EFF2AF
F6F7DD

Tritanopia

9F3836
3D3533
F55D60
F9B7BA
FBE0E1

Achromatopsia

4E4E4E
2F2F2F
9D9D9D
DEDEDE
EEEEEE

Shades & Tints Shades & Tints

#A62249

Dark
Light

#3E2342

Dark
Light

#FB7E44

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a62249;
  --color-2: #3e2342;
  --color-3: #fb7e44;
  --color-4: #fbdc9b;
  --color-5: #fcebd7;
}

SCSS

$color-1: #a62249;
$color-2: #3e2342;
$color-3: #fb7e44;
$color-4: #fbdc9b;
$color-5: #fcebd7;

TAILWIND

colors: {
  'brand-1': '#a62249',
  'brand-2': '#3e2342',
  'brand-3': '#fb7e44',
  'brand-4': '#fbdc9b',
  'brand-5': '#fcebd7',
}

RGB Array

[166, 34, 73], [62, 35, 66], [251, 126, 68], [251, 220, 155], [252, 235, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A62249, #3E2342, #FB7E44, #FBDC9B, #FCEBD7 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: #a62249; --color-2: #3e2342; --color-3: #fb7e44; --color-4: #fbdc9b; --color-5: #fcebd7. 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