← Back to Editor

#801A4C · #EF1663 · #FA7276 · #F7A176 · #F5D297

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

#801A4C

Dark Violet · Brown · Camellia

HEX
#801A4C
RGB
rgb(128, 26, 76)
HSL
hsl(331, 66%, 30%)
HSB
hsb(331, 80%, 50%)
CMYK
cmyk(0%, 80%, 41%, 50%)
Oklch
oklch(40.7% 0.143 356.0)

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

#EF1663

Dark Violet · Crimson · Rose Pink

HEX
#EF1663
RGB
rgb(239, 22, 99)
HSL
hsl(339, 87%, 51%)
HSB
hsb(339, 91%, 94%)
CMYK
cmyk(0%, 91%, 59%, 6%)
Oklch
oklch(61.4% 0.238 10.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FA7276

Peach Pink · Salmon · Coral Red

HEX
#FA7276
RGB
rgb(250, 114, 118)
HSL
hsl(358, 93%, 71%)
HSB
hsb(358, 54%, 98%)
CMYK
cmyk(0%, 54%, 53%, 2%)
Oklch
oklch(71.6% 0.167 20.5)

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

#F7A176

Apricot · LightSalmon · Warm Sun

HEX
#F7A176
RGB
rgb(247, 161, 118)
HSL
hsl(20, 89%, 72%)
HSB
hsb(20, 52%, 97%)
CMYK
cmyk(0%, 35%, 52%, 3%)
Oklch
oklch(78.5% 0.118 47.1)

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

#F5D297

Goose Yellow · Khaki · Peach Orange

HEX
#F5D297
RGB
rgb(245, 210, 151)
HSL
hsl(38, 82%, 78%)
HSB
hsb(38, 38%, 96%)
CMYK
cmyk(0%, 14%, 38%, 4%)
Oklch
oklch(88.0% 0.085 80.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

801A4C
1A7F4E

Analogous

7F1A7D
801A4C
7F1C1A

Triadic

801A4C
4B7F1A
1A4B7F

Split-Comp.

801A4C
1A7F1C
1A7D7F

Tetradic

801A4C
7D7F1A
1A7F4E
1C1A7F

Contrast Matrix WCAG 2.1 Contrast

801A4C
EF1663
FA7276
F7A176
F5D297
—
2.3
Fail
3.6
AA Large
4.8
AA
6.7
AA
2.3
Fail
—
1.6
Fail
2.1
Fail
2.9
Fail
3.6
AA Large
1.6
Fail
—
1.3
Fail
1.9
Fail
4.8
AA
2.1
Fail
1.3
Fail
—
1.4
Fail
6.7
AA
2.9
Fail
1.9
Fail
1.4
Fail
—
White BG
9.7AAA
4.2AA Large
2.7Fail
2.0Fail
1.4Fail
Black BG
2.2Fail
5.0AA
7.7AAA
10.3AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

545340
918F50
BFBE75
D2D180
E6E6A5

Deuteranopia

5A613D
9EAE4C
C7D175
D7DD83
E8EBA9

Tritanopia

7B3634
E4423E
F37474
F3898A
F3B1B3

Achromatopsia

3E3E3E
606060
9B9B9B
B6B6B6
D6D6D6

Shades & Tints Shades & Tints

#801A4C

Dark
Light

#EF1663

Dark
Light

#FA7276

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #801a4c;
  --color-2: #ef1663;
  --color-3: #fa7276;
  --color-4: #f7a176;
  --color-5: #f5d297;
}

SCSS

$color-1: #801a4c;
$color-2: #ef1663;
$color-3: #fa7276;
$color-4: #f7a176;
$color-5: #f5d297;

TAILWIND

colors: {
  'brand-1': '#801a4c',
  'brand-2': '#ef1663',
  'brand-3': '#fa7276',
  'brand-4': '#f7a176',
  'brand-5': '#f5d297',
}

RGB Array

[128, 26, 76], [239, 22, 99], [250, 114, 118], [247, 161, 118], [245, 210, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #801A4C, #EF1663, #FA7276, #F7A176, #F5D297 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: #801a4c; --color-2: #ef1663; --color-3: #fa7276; --color-4: #f7a176; --color-5: #f5d297. 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