#3F3E5E + #899239 + #CBBA60 + #562640 + #C13B3C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#3F3E5E

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#3F3E5E

RGB

rgb(63, 62, 94)

HSL

hsl(242, 21%, 31%)

HSB

hsb(242, 34%, 37%)

CMYK

cmyk(33%, 34%, 0%, 63%)

Oklch

oklch(37.9% 0.054 284.9)

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

#899239

Autumn Sage · Olive · Honey Gold

HEX

#899239

RGB

rgb(137, 146, 57)

HSL

hsl(66, 44%, 40%)

HSB

hsb(66, 61%, 57%)

CMYK

cmyk(6%, 0%, 61%, 43%)

Oklch

oklch(63.4% 0.113 114.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#CBBA60

Autumn Sage · BurlyWood · Sunflower

HEX

#CBBA60

RGB

rgb(203, 186, 96)

HSL

hsl(50, 51%, 59%)

HSB

hsb(50, 53%, 80%)

CMYK

cmyk(0%, 8%, 53%, 20%)

Oklch

oklch(78.5% 0.113 98.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#562640

Rose Purple · DarkSlateGray · Raspberry

HEX

#562640

RGB

rgb(86, 38, 64)

HSL

hsl(328, 39%, 24%)

HSB

hsb(328, 56%, 34%)

CMYK

cmyk(0%, 56%, 26%, 66%)

Oklch

oklch(34.5% 0.079 348.4)

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

#C13B3C

Crimson · Brown · Passion Red

HEX

#C13B3C

RGB

rgb(193, 59, 60)

HSL

hsl(360, 53%, 49%)

HSB

hsb(360, 69%, 76%)

CMYK

cmyk(0%, 69%, 69%, 24%)

Oklch

oklch(54.9% 0.171 24.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Deep Ember

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3F3E5E

5F603E

Analogous

3E4E60

3F3E5E

503E60

Triadic

3F3E5E

60403E

3E6040

Split-Comp.

3F3E5E

60503E

4E603E

Tetradic

3F3E5E

603E4E

5F603E

3E6050

Contrast Matrix WCAG 2.1 Contrast

3F3E5E	899239	CBBA60	562640	C13B3C
—	3.0 AA Large	5.2 AA	1.2 Fail	1.9 Fail
3.0 AA Large	—	1.7 Fail	3.6 AA Large	1.6 Fail
5.2 AA	1.7 Fail	—	6.1 AA	2.7 Fail
1.2 Fail	3.6 AA Large	6.1 AA	—	2.3 Fail
1.9 Fail	1.6 Fail	2.7 Fail	2.3 Fail	—

White BG

10.2AAA

3.4AA Large

2.0Fail

12.0AAA

5.3AA

Black BG

2.1Fail

6.2AA

10.7AAA

1.7Fail

4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F56

8D8D4F

C4C376

41413A

87863C

Deuteranopia

3F3F54

8C8C54

C5C67B

444838

8F993C

Tritanopia

3F504F

896063

CA878B

543534

BA3C3C

Achromatopsia

424242

858585

B5B5B5

373737

636363

Shades & Tints Shades & Tints

#3F3E5E

Dark

Light

#899239

Dark

Light

#CBBA60

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3f3e5e;
  --color-2: #899239;
  --color-3: #cbba60;
  --color-4: #562640;
  --color-5: #c13b3c;
}

SCSS

$color-1: #3f3e5e;
$color-2: #899239;
$color-3: #cbba60;
$color-4: #562640;
$color-5: #c13b3c;

TAILWIND

colors: {
  'brand-1': '#3f3e5e',
  'brand-2': '#899239',
  'brand-3': '#cbba60',
  'brand-4': '#562640',
  'brand-5': '#c13b3c',
}

RGB Array

[63, 62, 94], [137, 146, 57], [203, 186, 96], [86, 38, 64], [193, 59, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3F3E5E, #899239, #CBBA60, #562640, #C13B3C is ideal for: corporate websites, product showcases, portfolios. 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: #3f3e5e; --color-2: #899239; --color-3: #cbba60; --color-4: #562640; --color-5: #c13b3c. 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. 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