#91596E + #BEC412 + #819293 + #E8ECA4 + #CC3904 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#91596E

Dark Violet · DimGray · Camellia

HEX

#91596E

RGB

rgb(145, 89, 110)

HSL

hsl(338, 24%, 46%)

HSB

hsb(338, 39%, 57%)

CMYK

cmyk(0%, 39%, 24%, 43%)

Oklch

oklch(53.3% 0.079 356.1)

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

#BEC412

Autumn Sage · GoldenRod · Honey Gold

HEX

#BEC412

RGB

rgb(190, 196, 18)

HSL

hsl(62, 83%, 42%)

HSB

hsb(62, 91%, 77%)

CMYK

cmyk(3%, 0%, 91%, 23%)

Oklch

oklch(78.9% 0.172 112.0)

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

#819293

Slate Blue · LightSlateGray · Warm Gray

HEX

#819293

RGB

rgb(129, 146, 147)

HSL

hsl(183, 8%, 54%)

HSB

hsb(183, 12%, 58%)

CMYK

cmyk(12%, 1%, 0%, 42%)

Oklch

oklch(64.7% 0.020 201.0)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#E8ECA4

Fresh Green · Wheat · Lemon Cream

HEX

#E8ECA4

RGB

rgb(232, 236, 164)

HSL

hsl(63, 65%, 78%)

HSB

hsb(63, 31%, 93%)

CMYK

cmyk(2%, 0%, 31%, 7%)

Oklch

oklch(92.3% 0.092 110.7)

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

#CC3904

Tangerine · FireBrick · Amber Brown

HEX

#CC3904

RGB

rgb(204, 57, 4)

HSL

hsl(16, 96%, 41%)

HSB

hsb(16, 98%, 80%)

CMYK

cmyk(0%, 72%, 98%, 20%)

Oklch

oklch(56.2% 0.191 35.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91596E

59917D

Analogous

91598A

91596E

916159

Triadic

91596E

6E9159

596E91

Split-Comp.

91596E

599161

598A91

Tetradic

91596E

8A9159

59917D

615991

Contrast Matrix WCAG 2.1 Contrast

91596E	BEC412	819293	E8ECA4	CC3904
—	2.9 Fail	1.7 Fail	4.4 AA Large	1.1 Fail
2.9 Fail	—	1.7 Fail	1.5 Fail	2.7 Fail
1.7 Fail	1.7 Fail	—	2.6 Fail	1.6 Fail
4.4 AA Large	1.5 Fail	2.6 Fail	—	4.1 AA Large
1.1 Fail	2.7 Fail	1.6 Fail	4.1 AA Large	—

White BG

5.4AA

1.9Fail

3.2AA Large

1.2Fail

5.1AA

Black BG

3.9AA Large

11.1AAA

6.5AA

17.0AAA

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

797869

C1C13D

888993

EAEAB5

8C8B11

Deuteranopia

7C8068

C0C047

878693

EAE9BA

95A014

Tritanopia

8E6564

BE5F67

829393

E8C3C6

C51B1D

Achromatopsia

6C6C6C

AEAEAE

8D8D8D

E3E3E3

5F5F5F

Shades & Tints Shades & Tints

#91596E

Dark

Light

#BEC412

Dark

Light

#819293

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91596e;
  --color-2: #bec412;
  --color-3: #819293;
  --color-4: #e8eca4;
  --color-5: #cc3904;
}

SCSS

$color-1: #91596e;
$color-2: #bec412;
$color-3: #819293;
$color-4: #e8eca4;
$color-5: #cc3904;

TAILWIND

colors: {
  'brand-1': '#91596e',
  'brand-2': '#bec412',
  'brand-3': '#819293',
  'brand-4': '#e8eca4',
  'brand-5': '#cc3904',
}

RGB Array

[145, 89, 110], [190, 196, 18], [129, 146, 147], [232, 236, 164], [204, 57, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #91596E, #BEC412, #819293, #E8ECA4, #CC3904 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: #91596e; --color-2: #bec412; --color-3: #819293; --color-4: #e8eca4; --color-5: #cc3904. 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