← Back to Editor

#BFA38D · #6147FF · #180139 · #2B1566 · #3A2419

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

#BFA38D

Apricot · Tan · Warm Sun

HEX
#BFA38D
RGB
rgb(191, 163, 141)
HSL
hsl(26, 28%, 65%)
HSB
hsb(26, 26%, 75%)
CMYK
cmyk(0%, 15%, 26%, 25%)
Oklch
oklch(73.4% 0.045 60.2)

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

#6147FF

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#6147FF
RGB
rgb(97, 71, 255)
HSL
hsl(248, 100%, 64%)
HSB
hsb(248, 72%, 100%)
CMYK
cmyk(62%, 72%, 0%, 0%)
Oklch
oklch(54.9% 0.256 280.2)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#180139

Deep Indigo · MidnightBlue · Dark Purple

HEX
#180139
RGB
rgb(24, 1, 57)
HSL
hsl(265, 97%, 11%)
HSB
hsb(265, 98%, 22%)
CMYK
cmyk(58%, 98%, 0%, 78%)
Oklch
oklch(18.5% 0.099 294.2)

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

#2B1566

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#2B1566
RGB
rgb(43, 21, 102)
HSL
hsl(256, 66%, 24%)
HSB
hsb(256, 79%, 40%)
CMYK
cmyk(58%, 79%, 0%, 60%)
Oklch
oklch(28.7% 0.131 287.4)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#3A2419

Tangerine · DarkSlateGray · Cinnamon

HEX
#3A2419
RGB
rgb(58, 36, 25)
HSL
hsl(20, 40%, 16%)
HSB
hsb(20, 57%, 23%)
CMYK
cmyk(0%, 38%, 57%, 77%)
Oklch
oklch(28.5% 0.039 47.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFA38D
8DA9BF

Analogous

BF8D90
BFA38D
BFBB8D

Triadic

BFA38D
8DBFA2
A28DBF

Split-Comp.

BFA38D
8DBFBB
8D90BF

Tetradic

BFA38D
90BF8D
8DA9BF
BB8DBF

Contrast Matrix WCAG 2.1 Contrast

BFA38D
6147FF
180139
2B1566
3A2419
—
2.3
Fail
8.0
AAA
6.3
AA
6.1
AA
2.3
Fail
—
3.5
AA Large
2.7
Fail
2.7
Fail
8.0
AAA
3.5
AA Large
—
1.3
Fail
1.3
Fail
6.3
AA
2.7
Fail
1.3
Fail
—
1.0
Fail
6.1
AA
2.7
Fail
1.3
Fail
1.0
Fail
—
White BG
2.4Fail
5.4AA
19.1AAA
15.0AAA
14.5AAA
Black BG
8.8AAA
3.9AA Large
1.1Fail
1.4Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B392
5656D2
0E0E2B
212152
30301C

Deuteranopia

B5B794
5759C8
0F1128
23244E
32331C

Tritanopia

BE9797
60AFA8
17211E
2A4340
391E1E

Achromatopsia

A9A9A9
646464
0E0E0E
252525
292929

Shades & Tints Shades & Tints

#BFA38D

Dark
Light

#6147FF

Dark
Light

#180139

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfa38d;
  --color-2: #6147ff;
  --color-3: #180139;
  --color-4: #2b1566;
  --color-5: #3a2419;
}

SCSS

$color-1: #bfa38d;
$color-2: #6147ff;
$color-3: #180139;
$color-4: #2b1566;
$color-5: #3a2419;

TAILWIND

colors: {
  'brand-1': '#bfa38d',
  'brand-2': '#6147ff',
  'brand-3': '#180139',
  'brand-4': '#2b1566',
  'brand-5': '#3a2419',
}

RGB Array

[191, 163, 141], [97, 71, 255], [24, 1, 57], [43, 21, 102], [58, 36, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFA38D, #6147FF, #180139, #2B1566, #3A2419 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #bfa38d; --color-2: #6147ff; --color-3: #180139; --color-4: #2b1566; --color-5: #3a2419. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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