#967446 + #AE6813 + #C93B27 + #35181C + #29354F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#967446

Ochre · Sienna · Amber Brown

HEX

#967446

RGB

rgb(150, 116, 70)

HSL

hsl(35, 36%, 43%)

HSB

hsb(35, 53%, 59%)

CMYK

cmyk(0%, 23%, 53%, 41%)

Oklch

oklch(58.2% 0.076 73.8)

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

#AE6813

Ochre · DarkGoldenRod · Amber Brown

HEX

#AE6813

RGB

rgb(174, 104, 19)

HSL

hsl(33, 80%, 38%)

HSB

hsb(33, 89%, 68%)

CMYK

cmyk(0%, 40%, 89%, 32%)

Oklch

oklch(58.3% 0.126 63.5)

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

#C93B27

Vermilion · FireBrick · Passion Red

HEX

#C93B27

RGB

rgb(201, 59, 39)

HSL

hsl(7, 68%, 47%)

HSB

hsb(7, 81%, 79%)

CMYK

cmyk(0%, 71%, 81%, 21%)

Oklch

oklch(56.0% 0.182 31.2)

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

#35181C

Crimson · Black · Deep Berry

HEX

#35181C

RGB

rgb(53, 24, 28)

HSL

hsl(352, 38%, 15%)

HSB

hsb(352, 55%, 21%)

CMYK

cmyk(0%, 55%, 47%, 79%)

Oklch

oklch(25.2% 0.046 12.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#29354F

Indigo · DarkSlateGray · Prussian Blue

HEX

#29354F

RGB

rgb(41, 53, 79)

HSL

hsl(221, 32%, 24%)

HSB

hsb(221, 48%, 31%)

CMYK

cmyk(48%, 33%, 0%, 69%)

Oklch

oklch(33.1% 0.049 264.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

967446

466795

Analogous

954D46

967446

8F9546

Triadic

967446

469574

744695

Split-Comp.

967446

468F95

4D4695

Tetradic

967446

46954D

466795

95468F

Contrast Matrix WCAG 2.1 Contrast

967446	AE6813	C93B27	35181C	29354F
—	1.0 Fail	1.2 Fail	3.8 AA Large	2.8 Fail
1.0 Fail	—	1.2 Fail	3.7 AA Large	2.8 Fail
1.2 Fail	1.2 Fail	—	3.2 AA Large	2.4 Fail
3.8 AA Large	3.7 AA Large	3.2 AA Large	—	1.3 Fail
2.8 Fail	2.8 Fail	2.4 Fail	1.3 Fail	—

White BG

4.3AA Large

4.4AA Large

5.1AA

16.2AAA

12.2AAA

Black BG

4.9AA

4.8AA

4.1AA Large

1.3Fail

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

878751

908F28

8C8A2C

28281B

2E2E49

Deuteranopia

898C54

94992D

949E2D

2A2C1B

2E2D47

Tritanopia

945A5C

AA383B

C23031

341A1A

2A4443

Achromatopsia

797979

737373

636363

212121

343434

Shades & Tints Shades & Tints

#967446

Dark

Light

#AE6813

Dark

Light

#C93B27

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #967446;
  --color-2: #ae6813;
  --color-3: #c93b27;
  --color-4: #35181c;
  --color-5: #29354f;
}

SCSS

$color-1: #967446;
$color-2: #ae6813;
$color-3: #c93b27;
$color-4: #35181c;
$color-5: #29354f;

TAILWIND

colors: {
  'brand-1': '#967446',
  'brand-2': '#ae6813',
  'brand-3': '#c93b27',
  'brand-4': '#35181c',
  'brand-5': '#29354f',
}

RGB Array

[150, 116, 70], [174, 104, 19], [201, 59, 39], [53, 24, 28], [41, 53, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #967446, #AE6813, #C93B27, #35181C, #29354F 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: #967446; --color-2: #ae6813; --color-3: #c93b27; --color-4: #35181c; --color-5: #29354f. 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