#A3A06A + #646055 + #292445 + #6B2C49 + #B3364F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A3A06A

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A3A06A

RGB

rgb(163, 160, 106)

HSL

hsl(57, 24%, 53%)

HSB

hsb(57, 35%, 64%)

CMYK

cmyk(0%, 2%, 35%, 36%)

Oklch

oklch(69.5% 0.073 105.4)

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

#646055

Ochre · DimGray · Charcoal

HEX

#646055

RGB

rgb(100, 96, 85)

HSL

hsl(44, 8%, 36%)

HSB

hsb(44, 15%, 39%)

CMYK

cmyk(0%, 4%, 15%, 61%)

Oklch

oklch(48.9% 0.018 90.4)

Traditional「Ochre」· Paint「Charcoal」· Creative Midnight Shadow

#292445

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#292445

RGB

rgb(41, 36, 69)

HSL

hsl(249, 31%, 21%)

HSB

hsb(249, 48%, 27%)

CMYK

cmyk(41%, 48%, 0%, 73%)

Oklch

oklch(28.3% 0.059 289.0)

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

#6B2C49

Dark Violet · Brown · Camellia

HEX

#6B2C49

RGB

rgb(107, 44, 73)

HSL

hsl(332, 42%, 30%)

HSB

hsb(332, 59%, 42%)

CMYK

cmyk(0%, 59%, 32%, 58%)

Oklch

oklch(39.1% 0.096 353.7)

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

#B3364F

Crimson · Brown · Passion Red

HEX

#B3364F

RGB

rgb(179, 54, 79)

HSL

hsl(348, 54%, 46%)

HSB

hsb(348, 70%, 70%)

CMYK

cmyk(0%, 70%, 56%, 30%)

Oklch

oklch(52.4% 0.161 13.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3A06A

6A6DA4

Analogous

A4846A

A3A06A

8AA46A

Triadic

A3A06A

6AA4A1

A16AA4

Split-Comp.

A3A06A

6A8AA4

846AA4

Tetradic

A3A06A

6AA484

6A6DA4

A46A8A

Contrast Matrix WCAG 2.1 Contrast

A3A06A	646055	292445	6B2C49	B3364F
—	2.3 Fail	5.4 AA	3.7 AA Large	2.2 Fail
2.3 Fail	—	2.3 Fail	1.6 Fail	1.1 Fail
5.4 AA	2.3 Fail	—	1.5 Fail	2.5 Fail
3.7 AA Large	1.6 Fail	1.5 Fail	—	1.7 Fail
2.2 Fail	1.1 Fail	2.5 Fail	1.7 Fail	—

White BG

2.7Fail

6.3AA

14.7AAA

10.1AAA

5.9AA

Black BG

7.8AAA

3.3AA Large

1.4Fail

2.1Fail

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A277

626258

27273D

504F42

7D7C49

Deuteranopia

A2A27A

636358

27283B

535840

848E48

Tritanopia

A38184

645A5A

293735

683C3B

AD4443

Achromatopsia

9B9B9B

606060

292929

424242

5E5E5E

Shades & Tints Shades & Tints

#A3A06A

Dark

Light

#646055

Dark

Light

#292445

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3a06a;
  --color-2: #646055;
  --color-3: #292445;
  --color-4: #6b2c49;
  --color-5: #b3364f;
}

SCSS

$color-1: #a3a06a;
$color-2: #646055;
$color-3: #292445;
$color-4: #6b2c49;
$color-5: #b3364f;

TAILWIND

colors: {
  'brand-1': '#a3a06a',
  'brand-2': '#646055',
  'brand-3': '#292445',
  'brand-4': '#6b2c49',
  'brand-5': '#b3364f',
}

RGB Array

[163, 160, 106], [100, 96, 85], [41, 36, 69], [107, 44, 73], [179, 54, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3A06A, #646055, #292445, #6B2C49, #B3364F 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: #a3a06a; --color-2: #646055; --color-3: #292445; --color-4: #6b2c49; --color-5: #b3364f. 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