← Back to Editor

#390B22 · #A0103E · #F89C34 · #FDE2BB · #6CA5A4

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#390B22

Dark Violet · Black · Raspberry

HEX
#390B22
RGB
rgb(57, 11, 34)
HSL
hsl(330, 68%, 13%)
HSB
hsb(330, 81%, 22%)
CMYK
cmyk(0%, 81%, 40%, 78%)
Oklch
oklch(24.1% 0.077 353.8)

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

#A0103E

Dark Violet · Brown · Camellia

HEX
#A0103E
RGB
rgb(160, 16, 62)
HSL
hsl(341, 82%, 35%)
HSB
hsb(341, 90%, 63%)
CMYK
cmyk(0%, 90%, 61%, 37%)
Oklch
oklch(45.7% 0.174 11.3)

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

#F89C34

Ginger · GoldenRod · Warm Sun

HEX
#F89C34
RGB
rgb(248, 156, 52)
HSL
hsl(32, 93%, 59%)
HSB
hsb(32, 79%, 97%)
CMYK
cmyk(0%, 37%, 79%, 3%)
Oklch
oklch(77.0% 0.156 64.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FDE2BB

Goose Yellow · Bisque · Peach Orange

HEX
#FDE2BB
RGB
rgb(253, 226, 187)
HSL
hsl(35, 94%, 86%)
HSB
hsb(35, 26%, 99%)
CMYK
cmyk(0%, 11%, 26%, 1%)
Oklch
oklch(92.5% 0.059 77.0)

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

#6CA5A4

Mineral Blue · CadetBlue · Lake Green

HEX
#6CA5A4
RGB
rgb(108, 165, 164)
HSL
hsl(179, 24%, 54%)
HSB
hsb(179, 35%, 65%)
CMYK
cmyk(35%, 0%, 1%, 35%)
Oklch
oklch(68.2% 0.060 194.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

390B22
0B3821

Analogous

380B38
390B22
380B0B

Triadic

390B22
21380B
0B2138

Split-Comp.

390B22
0B380B
0B3838

Tetradic

390B22
38380B
0B3821
0B0B38

Contrast Matrix WCAG 2.1 Contrast

390B22
A0103E
F89C34
FDE2BB
6CA5A4
—
2.1
Fail
7.9
AAA
13.5
AAA
6.1
AA
2.1
Fail
—
3.7
AA Large
6.4
AA
2.9
Fail
7.9
AAA
3.7
AA Large
—
1.7
Fail
1.3
Fail
13.5
AAA
6.4
AA
1.7
Fail
—
2.2
Fail
6.1
AA
2.9
Fail
1.3
Fail
2.2
Fail
—
White BG
16.9AAA
8.0AAA
2.1Fail
1.3Fail
2.8Fail
Black BG
1.2Fail
2.6Fail
9.8AAA
16.8AAA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

25251C
626033
D0CF4D
F1F1C4
8585A4

Deuteranopia

282B1B
6A7530
D6DC53
F3F5C7
817DA4

Tritanopia

371817
992A28
F36165
FCCCCE
6FA4A4

Achromatopsia

1B1B1B
404040
ACACAC
E6E6E6
949494

Shades & Tints Shades & Tints

#390B22

Dark
Light

#A0103E

Dark
Light

#F89C34

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #390b22;
  --color-2: #a0103e;
  --color-3: #f89c34;
  --color-4: #fde2bb;
  --color-5: #6ca5a4;
}

SCSS

$color-1: #390b22;
$color-2: #a0103e;
$color-3: #f89c34;
$color-4: #fde2bb;
$color-5: #6ca5a4;

TAILWIND

colors: {
  'brand-1': '#390b22',
  'brand-2': '#a0103e',
  'brand-3': '#f89c34',
  'brand-4': '#fde2bb',
  'brand-5': '#6ca5a4',
}

RGB Array

[57, 11, 34], [160, 16, 62], [248, 156, 52], [253, 226, 187], [108, 165, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #390B22, #A0103E, #F89C34, #FDE2BB, #6CA5A4 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: #390b22; --color-2: #a0103e; --color-3: #f89c34; --color-4: #fde2bb; --color-5: #6ca5a4. 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