← Back to Editor

#481436 · #836678 · #8B5160 · #EABD88 · #47795A

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

#481436

Rose Purple · DarkSlateGray · Raspberry

HEX
#481436
RGB
rgb(72, 20, 54)
HSL
hsl(321, 57%, 18%)
HSB
hsb(321, 72%, 28%)
CMYK
cmyk(0%, 72%, 25%, 72%)
Oklch
oklch(29.0% 0.090 344.0)

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

#836678

Rose Purple · Gray · Camellia

HEX
#836678
RGB
rgb(131, 102, 120)
HSL
hsl(323, 12%, 46%)
HSB
hsb(323, 22%, 51%)
CMYK
cmyk(0%, 22%, 8%, 49%)
Oklch
oklch(54.5% 0.045 341.0)

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

#8B5160

Dark Violet · DimGray · Camellia

HEX
#8B5160
RGB
rgb(139, 81, 96)
HSL
hsl(344, 26%, 43%)
HSB
hsb(344, 42%, 55%)
CMYK
cmyk(0%, 42%, 31%, 45%)
Oklch
oklch(50.6% 0.080 3.6)

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

#EABD88

Goose Yellow · BurlyWood · Warm Sun

HEX
#EABD88
RGB
rgb(234, 189, 136)
HSL
hsl(32, 70%, 73%)
HSB
hsb(32, 42%, 92%)
CMYK
cmyk(0%, 19%, 42%, 8%)
Oklch
oklch(82.6% 0.086 70.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#47795A

Celadon · SeaGreen · Forest Green

HEX
#47795A
RGB
rgb(71, 121, 90)
HSL
hsl(143, 26%, 38%)
HSB
hsb(143, 41%, 47%)
CMYK
cmyk(41%, 0%, 26%, 53%)
Oklch
oklch(53.1% 0.073 155.7)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

481436
144826

Analogous

401448
481436
48141C

Triadic

481436
364814
143648

Split-Comp.

481436
1C4814
144840

Tetradic

481436
484014
144826
141C48

Contrast Matrix WCAG 2.1 Contrast

481436
836678
8B5160
EABD88
47795A
—
2.9
Fail
2.4
Fail
8.5
AAA
2.9
Fail
2.9
Fail
—
1.2
Fail
2.9
Fail
1.0
Fail
2.4
Fail
1.2
Fail
—
3.5
AA Large
1.2
Fail
8.5
AAA
2.9
Fail
3.5
AA Large
—
2.9
Fail
2.9
Fail
1.0
Fail
1.2
Fail
2.9
Fail
—
White BG
14.7AAA
5.1AA
6.1AA
1.7Fail
5.1AA
Black BG
1.4Fail
4.1AA Large
3.4AA Large
12.1AAA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

31312E
767674
72715C
D7D695
5D5D62

Deuteranopia

35382C
787A73
757A5B
D9DC98
5A5663

Tritanopia

452726
82706F
885A59
E89FA1
4A6769

Achromatopsia

272727
717171
646464
C4C4C4
676767

Shades & Tints Shades & Tints

#481436

Dark
Light

#836678

Dark
Light

#8B5160

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #481436;
  --color-2: #836678;
  --color-3: #8b5160;
  --color-4: #eabd88;
  --color-5: #47795a;
}

SCSS

$color-1: #481436;
$color-2: #836678;
$color-3: #8b5160;
$color-4: #eabd88;
$color-5: #47795a;

TAILWIND

colors: {
  'brand-1': '#481436',
  'brand-2': '#836678',
  'brand-3': '#8b5160',
  'brand-4': '#eabd88',
  'brand-5': '#47795a',
}

RGB Array

[72, 20, 54], [131, 102, 120], [139, 81, 96], [234, 189, 136], [71, 121, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #481436, #836678, #8B5160, #EABD88, #47795A 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: #481436; --color-2: #836678; --color-3: #8b5160; --color-4: #eabd88; --color-5: #47795a. 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