#392E32 + #883128 + #AE3927 + #4B856C + #5AB187 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#392E32

Dark Violet · DarkSlateGray · Raspberry

HEX

#392E32

RGB

rgb(57, 46, 50)

HSL

hsl(338, 11%, 20%)

HSB

hsb(338, 19%, 22%)

CMYK

cmyk(0%, 19%, 12%, 78%)

Oklch

oklch(31.5% 0.017 354.3)

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

#883128

Crimson · Brown · Wine Red

HEX

#883128

RGB

rgb(136, 49, 40)

HSL

hsl(6, 55%, 35%)

HSB

hsb(6, 71%, 53%)

CMYK

cmyk(0%, 64%, 71%, 47%)

Oklch

oklch(43.7% 0.121 28.8)

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

#AE3927

Vermilion · Brown · Passion Red

HEX

#AE3927

RGB

rgb(174, 57, 39)

HSL

hsl(8, 63%, 42%)

HSB

hsb(8, 78%, 68%)

CMYK

cmyk(0%, 67%, 78%, 32%)

Oklch

oklch(51.2% 0.156 31.5)

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

#4B856C

Mineral Blue · SeaGreen · Olive Green

HEX

#4B856C

RGB

rgb(75, 133, 108)

HSL

hsl(154, 28%, 41%)

HSB

hsb(154, 44%, 52%)

CMYK

cmyk(44%, 0%, 19%, 48%)

Oklch

oklch(56.9% 0.073 164.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#5AB187

Mineral Blue · CadetBlue · Olive Green

HEX

#5AB187

RGB

rgb(90, 177, 135)

HSL

hsl(151, 36%, 52%)

HSB

hsb(151, 49%, 69%)

CMYK

cmyk(49%, 0%, 24%, 31%)

Oklch

oklch(69.4% 0.106 160.9)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

392E32

2D3934

Analogous

392D37

392E32

392F2D

Triadic

392E32

32392D

2D3239

Split-Comp.

392E32

2D392F

2D3739

Tetradic

392E32

37392D

2D3934

2F2D39

Contrast Matrix WCAG 2.1 Contrast

392E32	883128	AE3927	4B856C	5AB187
—	1.6 Fail	2.1 Fail	3.0 AA Large	5.0 AA
1.6 Fail	—	1.4 Fail	1.9 Fail	3.2 AA Large
2.1 Fail	1.4 Fail	—	1.4 Fail	2.4 Fail
3.0 AA Large	1.9 Fail	1.4 Fail	—	1.7 Fail
5.0 AA	3.2 AA Large	2.4 Fail	1.7 Fail	—

White BG

13.0AAA

8.3AAA

6.2AA

4.3AA Large

2.6Fail

Black BG

1.6Fail

2.5Fail

3.4AA Large

4.9AA

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343431

62622A

7B7A2B

646572

808091

Deuteranopia

353631

676E2B

828B2C

615C74

7B7494

Tritanopia

383030

842C2C

A82F30

4E7778

5E999B

Achromatopsia

323232

4A4A4A

5A5A5A

717171

929292

Shades & Tints Shades & Tints

#392E32

Dark

Light

#883128

Dark

Light

#AE3927

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #392e32;
  --color-2: #883128;
  --color-3: #ae3927;
  --color-4: #4b856c;
  --color-5: #5ab187;
}

SCSS

$color-1: #392e32;
$color-2: #883128;
$color-3: #ae3927;
$color-4: #4b856c;
$color-5: #5ab187;

TAILWIND

colors: {
  'brand-1': '#392e32',
  'brand-2': '#883128',
  'brand-3': '#ae3927',
  'brand-4': '#4b856c',
  'brand-5': '#5ab187',
}

RGB Array

[57, 46, 50], [136, 49, 40], [174, 57, 39], [75, 133, 108], [90, 177, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #392E32, #883128, #AE3927, #4B856C, #5AB187 is ideal for: tech websites, dark mode UIs, game UIs. 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: #392e32; --color-2: #883128; --color-3: #ae3927; --color-4: #4b856c; --color-5: #5ab187. 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. 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