← Back to Editor

#F6E0CB · #B77D67 · #9B5168 · #910041 · #1F0244

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

#F6E0CB

Apricot · Bisque · Peach Orange

HEX
#F6E0CB
RGB
rgb(246, 224, 203)
HSL
hsl(29, 70%, 88%)
HSB
hsb(29, 17%, 96%)
CMYK
cmyk(0%, 9%, 17%, 4%)
Oklch
oklch(91.9% 0.037 66.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B77D67

Tangerine · DarkSalmon · Warm Sun

HEX
#B77D67
RGB
rgb(183, 125, 103)
HSL
hsl(16, 36%, 56%)
HSB
hsb(16, 44%, 72%)
CMYK
cmyk(0%, 32%, 44%, 28%)
Oklch
oklch(64.3% 0.080 41.6)

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

#9B5168

Dark Violet · DimGray · Camellia

HEX
#9B5168
RGB
rgb(155, 81, 104)
HSL
hsl(341, 31%, 46%)
HSB
hsb(341, 48%, 61%)
CMYK
cmyk(0%, 48%, 33%, 39%)
Oklch
oklch(53.1% 0.101 1.3)

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

#910041

Dark Violet · Brown · Camellia

HEX
#910041
RGB
rgb(145, 0, 65)
HSL
hsl(333, 100%, 28%)
HSB
hsb(333, 100%, 57%)
CMYK
cmyk(0%, 100%, 55%, 43%)
Oklch
oklch(42.2% 0.170 5.1)

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

#1F0244

Deep Indigo · MidnightBlue · Dark Purple

HEX
#1F0244
RGB
rgb(31, 2, 68)
HSL
hsl(266, 94%, 14%)
HSB
hsb(266, 97%, 27%)
CMYK
cmyk(54%, 97%, 0%, 73%)
Oklch
oklch(21.1% 0.111 295.2)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E0CB
CBE1F6

Analogous

F6CBCC
F6E0CB
F6F5CB

Triadic

F6E0CB
CBF6E0
E0CBF6

Split-Comp.

F6E0CB
CBF6F5
CBCCF6

Tetradic

F6E0CB
CCF6CB
CBE1F6
F5CBF6

Contrast Matrix WCAG 2.1 Contrast

F6E0CB
B77D67
9B5168
910041
1F0244
—
2.7
Fail
4.4
AA Large
7.2
AAA
14.3
AAA
2.7
Fail
—
1.6
Fail
2.7
Fail
5.3
AA
4.4
AA Large
1.6
Fail
—
1.7
Fail
3.3
AA Large
7.2
AAA
2.7
Fail
1.7
Fail
—
2.0
Fail
14.3
AAA
5.3
AA
3.3
AA Large
2.0
Fail
—
White BG
1.3Fail
3.4AA Large
5.6AA
9.2AAA
18.3AAA
Black BG
16.4AAA
6.1AA
3.8AA Large
2.3Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECD0
9E9D6C
7B7A62
525131
121234

Deuteranopia

EEEFD1
A1A66E
7F8561
5B662E
141630

Tritanopia

F5D4D5
B47171
975E5D
8A2522
1E2725

Achromatopsia

E4E4E4
8C8C8C
6A6A6A
333333
121212

Shades & Tints Shades & Tints

#F6E0CB

Dark
Light

#B77D67

Dark
Light

#9B5168

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e0cb;
  --color-2: #b77d67;
  --color-3: #9b5168;
  --color-4: #910041;
  --color-5: #1f0244;
}

SCSS

$color-1: #f6e0cb;
$color-2: #b77d67;
$color-3: #9b5168;
$color-4: #910041;
$color-5: #1f0244;

TAILWIND

colors: {
  'brand-1': '#f6e0cb',
  'brand-2': '#b77d67',
  'brand-3': '#9b5168',
  'brand-4': '#910041',
  'brand-5': '#1f0244',
}

RGB Array

[246, 224, 203], [183, 125, 103], [155, 81, 104], [145, 0, 65], [31, 2, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6E0CB, #B77D67, #9B5168, #910041, #1F0244 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: #f6e0cb; --color-2: #b77d67; --color-3: #9b5168; --color-4: #910041; --color-5: #1f0244. 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