← Back to Editor

#331926 · #FF0080 · #F5946E · #D9CC91 · #A7D1A9

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

#331926

Dark Violet · DarkSlateGray · Raspberry

HEX
#331926
RGB
rgb(51, 25, 38)
HSL
hsl(330, 34%, 15%)
HSB
hsb(330, 51%, 20%)
CMYK
cmyk(0%, 51%, 25%, 80%)
Oklch
oklch(25.5% 0.046 349.5)

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

#FF0080

Dark Violet · DeepPink · Camellia

HEX
#FF0080
RGB
rgb(255, 0, 128)
HSL
hsl(330, 100%, 50%)
HSB
hsb(330, 100%, 100%)
CMYK
cmyk(0%, 100%, 50%, 0%)
Oklch
oklch(64.5% 0.260 2.5)

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

#F5946E

Apricot · DarkSalmon · Warm Sun

HEX
#F5946E
RGB
rgb(245, 148, 110)
HSL
hsl(17, 87%, 70%)
HSB
hsb(17, 55%, 96%)
CMYK
cmyk(0%, 40%, 55%, 4%)
Oklch
oklch(76.0% 0.128 41.9)

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

#D9CC91

Goose Yellow · BurlyWood · Sunflower

HEX
#D9CC91
RGB
rgb(217, 204, 145)
HSL
hsl(49, 49%, 71%)
HSB
hsb(49, 33%, 85%)
CMYK
cmyk(0%, 6%, 33%, 15%)
Oklch
oklch(84.2% 0.078 97.2)

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

#A7D1A9

Celadon · Silver · Apple Green

HEX
#A7D1A9
RGB
rgb(167, 209, 169)
HSL
hsl(123, 31%, 74%)
HSB
hsb(123, 20%, 82%)
CMYK
cmyk(20%, 0%, 19%, 18%)
Oklch
oklch(82.0% 0.071 146.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

331926
193326

Analogous

331933
331926
331919

Triadic

331926
263319
192633

Split-Comp.

331926
193319
193333

Tetradic

331926
333319
193326
191933

Contrast Matrix WCAG 2.1 Contrast

331926
FF0080
F5946E
D9CC91
A7D1A9
—
4.3
AA Large
7.1
AAA
9.9
AAA
9.4
AAA
4.3
AA Large
—
1.7
Fail
2.3
Fail
2.2
Fail
7.1
AAA
1.7
Fail
—
1.4
Fail
1.3
Fail
9.9
AAA
2.3
Fail
1.4
Fail
—
1.1
Fail
9.4
AAA
2.2
Fail
1.3
Fail
1.1
Fail
—
White BG
16.1AAA
3.8AA Large
2.2Fail
1.6Fail
1.7Fail
Black BG
1.3Fail
5.6AA
9.3AAA
13.0AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

282823
918E61
CBCA77
D3D39F
B9BAB3

Deuteranopia

292B22
9FB35A
D1D879
D4D5A3
B7B4B5

Tritanopia

322020
F24943
F07E80
D8ABAD
A9BABC

Achromatopsia

222222
5B5B5B
ADADAD
C9C9C9
C0C0C0

Shades & Tints Shades & Tints

#331926

Dark
Light

#FF0080

Dark
Light

#F5946E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #331926;
  --color-2: #ff0080;
  --color-3: #f5946e;
  --color-4: #d9cc91;
  --color-5: #a7d1a9;
}

SCSS

$color-1: #331926;
$color-2: #ff0080;
$color-3: #f5946e;
$color-4: #d9cc91;
$color-5: #a7d1a9;

TAILWIND

colors: {
  'brand-1': '#331926',
  'brand-2': '#ff0080',
  'brand-3': '#f5946e',
  'brand-4': '#d9cc91',
  'brand-5': '#a7d1a9',
}

RGB Array

[51, 25, 38], [255, 0, 128], [245, 148, 110], [217, 204, 145], [167, 209, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #331926, #FF0080, #F5946E, #D9CC91, #A7D1A9 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: #331926; --color-2: #ff0080; --color-3: #f5946e; --color-4: #d9cc91; --color-5: #a7d1a9. 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