#403929 + #6E4A54 + #D46A35 + #D99F18 + #AEC914 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#403929

Ochre · DarkSlateGray · Amber Gold

HEX

#403929

RGB

rgb(64, 57, 41)

HSL

hsl(42, 22%, 21%)

HSB

hsb(42, 36%, 25%)

CMYK

cmyk(0%, 11%, 36%, 75%)

Oklch

oklch(34.7% 0.028 87.1)

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

#6E4A54

Dark Violet · DimGray · Camellia

HEX

#6E4A54

RGB

rgb(110, 74, 84)

HSL

hsl(343, 20%, 36%)

HSB

hsb(343, 33%, 43%)

CMYK

cmyk(0%, 33%, 24%, 57%)

Oklch

oklch(45.2% 0.051 1.2)

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

#D46A35

Tangerine · Chocolate · Warm Sun

HEX

#D46A35

RGB

rgb(212, 106, 53)

HSL

hsl(20, 65%, 52%)

HSB

hsb(20, 75%, 83%)

CMYK

cmyk(0%, 50%, 75%, 17%)

Oklch

oklch(64.1% 0.149 45.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D99F18

Ochre · GoldenRod · Honey Gold

HEX

#D99F18

RGB

rgb(217, 159, 24)

HSL

hsl(42, 80%, 47%)

HSB

hsb(42, 89%, 85%)

CMYK

cmyk(0%, 27%, 89%, 15%)

Oklch

oklch(73.9% 0.148 81.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#AEC914

Autumn Sage · GoldenRod · Honey Gold

HEX

#AEC914

RGB

rgb(174, 201, 20)

HSL

hsl(69, 82%, 43%)

HSB

hsb(69, 90%, 79%)

CMYK

cmyk(13%, 0%, 90%, 21%)

Oklch

oklch(78.8% 0.182 119.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

403929

2A3141

Analogous

412E2A

403929

3D412A

Triadic

403929

2A413A

3A2A41

Split-Comp.

403929

2A3D41

2E2A41

Tetradic

403929

2A412E

2A3141

412A3D

Contrast Matrix WCAG 2.1 Contrast

403929	6E4A54	D46A35	D99F18	AEC914
—	1.5 Fail	3.2 AA Large	4.9 AA	6.1 AA
1.5 Fail	—	2.1 Fail	3.2 AA Large	4.0 AA Large
3.2 AA Large	2.1 Fail	—	1.5 Fail	1.9 Fail
4.9 AA	3.2 AA Large	1.5 Fail	—	1.3 Fail
6.1 AA	4.0 AA Large	1.9 Fail	1.3 Fail	—

White BG

11.4AAA

7.6AAA

3.6AA Large

2.4Fail

1.9Fail

Black BG

1.8Fail

2.8Fail

5.9AA

8.9AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D2D

5E5E52

A6A542

C0BF39

BABA40

Deuteranopia

3D3E2E

616351

ACB445

C3C841

B8B64A

Tritanopia

403031

6C504F

CF4C4E

D65258

AF626A

Achromatopsia

393939

565656

848484

A1A1A1

ACACAC

Shades & Tints Shades & Tints

#403929

Dark

Light

#6E4A54

Dark

Light

#D46A35

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #403929;
  --color-2: #6e4a54;
  --color-3: #d46a35;
  --color-4: #d99f18;
  --color-5: #aec914;
}

SCSS

$color-1: #403929;
$color-2: #6e4a54;
$color-3: #d46a35;
$color-4: #d99f18;
$color-5: #aec914;

TAILWIND

colors: {
  'brand-1': '#403929',
  'brand-2': '#6e4a54',
  'brand-3': '#d46a35',
  'brand-4': '#d99f18',
  'brand-5': '#aec914',
}

RGB Array

[64, 57, 41], [110, 74, 84], [212, 106, 53], [217, 159, 24], [174, 201, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #403929, #6E4A54, #D46A35, #D99F18, #AEC914 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: #403929; --color-2: #6e4a54; --color-3: #d46a35; --color-4: #d99f18; --color-5: #aec914. 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