#A46313 + #256C6E + #B8C64D + #722431 + #1D172F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A46313

Ochre · Sienna · Amber Brown

HEX

#A46313

RGB

rgb(164, 99, 19)

HSL

hsl(33, 79%, 36%)

HSB

hsb(33, 88%, 64%)

CMYK

cmyk(0%, 40%, 88%, 36%)

Oklch

oklch(56.0% 0.120 64.3)

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

#256C6E

Slate Blue · SeaGreen · Mint Ice

HEX

#256C6E

RGB

rgb(37, 108, 110)

HSL

hsl(182, 50%, 29%)

HSB

hsb(182, 66%, 43%)

CMYK

cmyk(66%, 2%, 0%, 57%)

Oklch

oklch(48.9% 0.069 197.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#B8C64D

Autumn Sage · GoldenRod · Sunflower

HEX

#B8C64D

RGB

rgb(184, 198, 77)

HSL

hsl(67, 51%, 54%)

HSB

hsb(67, 61%, 78%)

CMYK

cmyk(7%, 0%, 61%, 22%)

Oklch

oklch(79.2% 0.145 115.4)

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

#722431

Crimson · Brown · Wine Red

HEX

#722431

RGB

rgb(114, 36, 49)

HSL

hsl(350, 52%, 29%)

HSB

hsb(350, 68%, 45%)

CMYK

cmyk(0%, 68%, 57%, 55%)

Oklch

oklch(38.4% 0.110 14.1)

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

#1D172F

Deep Indigo · Black · Deep Sea Blue

HEX

#1D172F

RGB

rgb(29, 23, 47)

HSL

hsl(255, 34%, 14%)

HSB

hsb(255, 51%, 18%)

CMYK

cmyk(38%, 51%, 0%, 82%)

Oklch

oklch(22.5% 0.046 293.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A46313

1355A4

Analogous

A41B13

A46313

9DA413

Triadic

A46313

13A463

6313A4

Split-Comp.

A46313

139DA4

1B13A4

Tetradic

A46313

13A41B

1355A4

A4139D

Contrast Matrix WCAG 2.1 Contrast

A46313	256C6E	B8C64D	722431	1D172F
—	1.3 Fail	2.6 Fail	2.2 Fail	3.6 AA Large
1.3 Fail	—	3.3 AA Large	1.7 Fail	2.8 Fail
2.6 Fail	3.3 AA Large	—	5.6 AA	9.2 AAA
2.2 Fail	1.7 Fail	5.6 AA	—	1.7 Fail
3.6 AA Large	2.8 Fail	9.2 AAA	1.7 Fail	—

White BG

4.8AA

6.1AA

1.9Fail

10.4AAA

17.3AAA

Black BG

4.4AA Large

3.4AA Large

11.2AAA

2.0Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

888726

44446E

BEBE6A

50502E

1A1A29

Deuteranopia

8C912B

403A6D

BDBC71

555B2D

1B1B28

Tritanopia

A13639

296D6D

B98186

6E2B2B

1D2524

Achromatopsia

6D6D6D

575757

B4B4B4

3D3D3D

1C1C1C

Shades & Tints Shades & Tints

#A46313

Dark

Light

#256C6E

Dark

Light

#B8C64D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a46313;
  --color-2: #256c6e;
  --color-3: #b8c64d;
  --color-4: #722431;
  --color-5: #1d172f;
}

SCSS

$color-1: #a46313;
$color-2: #256c6e;
$color-3: #b8c64d;
$color-4: #722431;
$color-5: #1d172f;

TAILWIND

colors: {
  'brand-1': '#a46313',
  'brand-2': '#256c6e',
  'brand-3': '#b8c64d',
  'brand-4': '#722431',
  'brand-5': '#1d172f',
}

RGB Array

[164, 99, 19], [37, 108, 110], [184, 198, 77], [114, 36, 49], [29, 23, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A46313, #256C6E, #B8C64D, #722431, #1D172F 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: #a46313; --color-2: #256c6e; --color-3: #b8c64d; --color-4: #722431; --color-5: #1d172f. 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