← Back to Editor

#380A39 · #6D194A · #BD4C60 · #DBA287 · #F2E3BC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#380A39

Royal Purple · MidnightBlue · Dark Purple

HEX
#380A39
RGB
rgb(56, 10, 57)
HSL
hsl(299, 70%, 13%)
HSB
hsb(299, 82%, 22%)
CMYK
cmyk(2%, 82%, 0%, 78%)
Oklch
oklch(25.1% 0.096 327.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#6D194A

Rose Purple · Purple · Camellia

HEX
#6D194A
RGB
rgb(109, 25, 74)
HSL
hsl(325, 63%, 26%)
HSB
hsb(325, 77%, 43%)
CMYK
cmyk(0%, 77%, 32%, 57%)
Oklch
oklch(37.1% 0.127 349.4)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#BD4C60

Crimson · Sienna · Passion Red

HEX
#BD4C60
RGB
rgb(189, 76, 96)
HSL
hsl(349, 46%, 52%)
HSB
hsb(349, 60%, 74%)
CMYK
cmyk(0%, 60%, 49%, 26%)
Oklch
oklch(57.1% 0.146 12.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#DBA287

Apricot · Tan · Warm Sun

HEX
#DBA287
RGB
rgb(219, 162, 135)
HSL
hsl(19, 54%, 69%)
HSB
hsb(19, 38%, 86%)
CMYK
cmyk(0%, 26%, 38%, 14%)
Oklch
oklch(75.9% 0.078 46.4)

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

#F2E3BC

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E3BC
RGB
rgb(242, 227, 188)
HSL
hsl(43, 67%, 84%)
HSB
hsb(43, 22%, 95%)
CMYK
cmyk(0%, 6%, 22%, 5%)
Oklch
oklch(91.8% 0.054 89.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

380A39
0B380A

Analogous

200A38
380A39
380A22

Triadic

380A39
38380A
0A3838

Split-Comp.

380A39
22380A
0A3820

Tetradic

380A39
38200A
0B380A
0A2238

Contrast Matrix WCAG 2.1 Contrast

380A39
6D194A
BD4C60
DBA287
F2E3BC
—
1.5
Fail
3.4
AA Large
7.5
AAA
13.0
AAA
1.5
Fail
—
2.3
Fail
5.0
AA
8.7
AAA
3.4
AA Large
2.3
Fail
—
2.2
Fail
3.8
AA Large
7.5
AAA
5.0
AA
2.2
Fail
—
1.7
Fail
13.0
AAA
8.7
AAA
3.8
AA Large
1.7
Fail
—
White BG
16.5AAA
11.1AAA
4.8AA
2.2Fail
1.3Fail
Black BG
1.3Fail
1.9Fail
4.4AA Large
9.5AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

24242E
49483E
8C8B5B
C2C28E
ECEBC5

Deuteranopia

272A2B
4E543B
939B5A
C6CA8F
ECEDC8

Tritanopia

362523
693533
B75757
D89394
F1CDCF

Achromatopsia

1D1D1D
383838
707070
B0B0B0
E3E3E3

Shades & Tints Shades & Tints

#380A39

Dark
Light

#6D194A

Dark
Light

#BD4C60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #380a39;
  --color-2: #6d194a;
  --color-3: #bd4c60;
  --color-4: #dba287;
  --color-5: #f2e3bc;
}

SCSS

$color-1: #380a39;
$color-2: #6d194a;
$color-3: #bd4c60;
$color-4: #dba287;
$color-5: #f2e3bc;

TAILWIND

colors: {
  'brand-1': '#380a39',
  'brand-2': '#6d194a',
  'brand-3': '#bd4c60',
  'brand-4': '#dba287',
  'brand-5': '#f2e3bc',
}

RGB Array

[56, 10, 57], [109, 25, 74], [189, 76, 96], [219, 162, 135], [242, 227, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #380A39, #6D194A, #BD4C60, #DBA287, #F2E3BC is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #380a39; --color-2: #6d194a; --color-3: #bd4c60; --color-4: #dba287; --color-5: #f2e3bc. 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 tech, SaaS, healthcare, eco industries. 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