#A65819 + #855E29 + #595652 + #084D6F + #2D3438 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A65819

Tangerine · Sienna · Amber Brown

HEX

#A65819

RGB

rgb(166, 88, 25)

HSL

hsl(27, 74%, 37%)

HSB

hsb(27, 85%, 65%)

CMYK

cmyk(0%, 47%, 85%, 35%)

Oklch

oklch(54.3% 0.125 53.9)

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

#855E29

Ochre · Sienna · Amber Brown

HEX

#855E29

RGB

rgb(133, 94, 41)

HSL

hsl(35, 53%, 34%)

HSB

hsb(35, 69%, 52%)

CMYK

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

Oklch

oklch(51.2% 0.086 72.0)

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

#595652

Ink Gray · DimGray · Charcoal

HEX

#595652

RGB

rgb(89, 86, 82)

HSL

hsl(34, 4%, 34%)

HSB

hsb(34, 8%, 35%)

CMYK

cmyk(0%, 3%, 8%, 65%)

Oklch

oklch(45.5% 0.008 75.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#084D6F

Lake Blue · DarkSlateGray · Prussian Blue

HEX

#084D6F

RGB

rgb(8, 77, 111)

HSL

hsl(200, 87%, 23%)

HSB

hsb(200, 93%, 44%)

CMYK

cmyk(93%, 31%, 0%, 56%)

Oklch

oklch(39.9% 0.084 237.7)

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

#2D3438

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX

#2D3438

RGB

rgb(45, 52, 56)

HSL

hsl(202, 11%, 20%)

HSB

hsb(202, 20%, 22%)

CMYK

cmyk(20%, 7%, 0%, 78%)

Oklch

oklch(32.0% 0.012 232.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A65819

1965A4

Analogous

A41920

A65819

A49D19

Triadic

A65819

19A457

5719A4

Split-Comp.

A65819

19A49D

1920A4

Tetradic

A65819

20A419

1965A4

9D19A4

Contrast Matrix WCAG 2.1 Contrast

A65819	855E29	595652	084D6F	2D3438
—	1.1 Fail	1.4 Fail	1.8 Fail	2.4 Fail
1.1 Fail	—	1.3 Fail	1.6 Fail	2.2 Fail
1.4 Fail	1.3 Fail	—	1.3 Fail	1.7 Fail
1.8 Fail	1.6 Fail	1.3 Fail	—	1.4 Fail
2.4 Fail	2.2 Fail	1.7 Fail	1.4 Fail	—

White BG

5.2AA

5.8AA

7.3AAA

9.1AAA

12.7AAA

Black BG

4.0AA Large

3.6AA Large

2.9Fail

2.3Fail

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

848428

747436

585853

262667

303037

Deuteranopia

898F2C

767939

585853

221D65

302F37

Tritanopia

A23437

834042

595454

0B605F

2D3636

Achromatopsia

686868

646464

565656

3C3C3C

323232

Shades & Tints Shades & Tints

#A65819

Dark

Light

#855E29

Dark

Light

#595652

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a65819;
  --color-2: #855e29;
  --color-3: #595652;
  --color-4: #084d6f;
  --color-5: #2d3438;
}

SCSS

$color-1: #a65819;
$color-2: #855e29;
$color-3: #595652;
$color-4: #084d6f;
$color-5: #2d3438;

TAILWIND

colors: {
  'brand-1': '#a65819',
  'brand-2': '#855e29',
  'brand-3': '#595652',
  'brand-4': '#084d6f',
  'brand-5': '#2d3438',
}

RGB Array

[166, 88, 25], [133, 94, 41], [89, 86, 82], [8, 77, 111], [45, 52, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A65819, #855E29, #595652, #084D6F, #2D3438 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: #a65819; --color-2: #855e29; --color-3: #595652; --color-4: #084d6f; --color-5: #2d3438. 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