← Back to Editor

#381B26 · #703E44 · #BC7F63 · #EBCC9B · #F8FFC2

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

#381B26

Dark Violet · DarkSlateGray · Raspberry

HEX
#381B26
RGB
rgb(56, 27, 38)
HSL
hsl(337, 35%, 16%)
HSB
hsb(337, 52%, 22%)
CMYK
cmyk(0%, 52%, 32%, 78%)
Oklch
oklch(26.7% 0.048 356.7)

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

#703E44

Crimson · DarkOliveGreen · Wine Red

HEX
#703E44
RGB
rgb(112, 62, 68)
HSL
hsl(353, 29%, 34%)
HSB
hsb(353, 45%, 44%)
CMYK
cmyk(0%, 45%, 39%, 56%)
Oklch
oklch(42.7% 0.070 12.8)

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

#BC7F63

Tangerine · DarkSalmon · Warm Sun

HEX
#BC7F63
RGB
rgb(188, 127, 99)
HSL
hsl(19, 40%, 56%)
HSB
hsb(19, 47%, 74%)
CMYK
cmyk(0%, 32%, 47%, 26%)
Oklch
oklch(65.2% 0.086 45.4)

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

#EBCC9B

Goose Yellow · Khaki · Peach Orange

HEX
#EBCC9B
RGB
rgb(235, 204, 155)
HSL
hsl(37, 67%, 76%)
HSB
hsb(37, 34%, 92%)
CMYK
cmyk(0%, 13%, 34%, 8%)
Oklch
oklch(86.0% 0.073 78.9)

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

#F8FFC2

Fresh Green · Bisque · Lemon Cream

HEX
#F8FFC2
RGB
rgb(248, 255, 194)
HSL
hsl(67, 100%, 88%)
HSB
hsb(67, 24%, 100%)
CMYK
cmyk(3%, 0%, 24%, 0%)
Oklch
oklch(98.0% 0.078 113.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

381B26
1B372C

Analogous

371B34
381B26
371E1B

Triadic

381B26
25371B
1B2537

Split-Comp.

381B26
1B371E
1B3437

Tetradic

381B26
34371B
1B372C
1E1B37

Contrast Matrix WCAG 2.1 Contrast

381B26
703E44
BC7F63
EBCC9B
F8FFC2
—
1.8
Fail
4.7
AA
10.1
AAA
14.8
AAA
1.8
Fail
—
2.6
Fail
5.5
AA
8.2
AAA
4.7
AA
2.6
Fail
—
2.1
Fail
3.2
AA Large
10.1
AAA
5.5
AA
2.1
Fail
—
1.5
Fail
14.8
AAA
8.2
AAA
3.2
AA Large
1.5
Fail
—
White BG
15.5AAA
8.5AAA
3.3AA Large
1.5Fail
1.0Fail
Black BG
1.4Fail
2.5Fail
6.4AA
13.6AAA
20.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B23
5A5A43
A2A16A
DEDDA7
FBFBD1

Deuteranopia

2D2F23
5D6142
A5AA6B
DFE2AA
FBFAD4

Tritanopia

372121
6D4141
B96F70
E9B0B2
F8DCDF

Achromatopsia

252525
4E4E4E
8E8E8E
D0D0D0
F6F6F6

Shades & Tints Shades & Tints

#381B26

Dark
Light

#703E44

Dark
Light

#BC7F63

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #381b26;
  --color-2: #703e44;
  --color-3: #bc7f63;
  --color-4: #ebcc9b;
  --color-5: #f8ffc2;
}

SCSS

$color-1: #381b26;
$color-2: #703e44;
$color-3: #bc7f63;
$color-4: #ebcc9b;
$color-5: #f8ffc2;

TAILWIND

colors: {
  'brand-1': '#381b26',
  'brand-2': '#703e44',
  'brand-3': '#bc7f63',
  'brand-4': '#ebcc9b',
  'brand-5': '#f8ffc2',
}

RGB Array

[56, 27, 38], [112, 62, 68], [188, 127, 99], [235, 204, 155], [248, 255, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #381B26, #703E44, #BC7F63, #EBCC9B, #F8FFC2 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: #381b26; --color-2: #703e44; --color-3: #bc7f63; --color-4: #ebcc9b; --color-5: #f8ffc2. 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