← Back to Editor

#AD3517 · #924628 · #92603E · #A38B4D · #A6A655

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AD3517

Vermilion · FireBrick · Wine Red

HEX
#AD3517
RGB
rgb(173, 53, 23)
HSL
hsl(12, 77%, 38%)
HSB
hsb(12, 87%, 68%)
CMYK
cmyk(0%, 69%, 87%, 32%)
Oklch
oklch(50.4% 0.161 34.6)

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

#924628

Tangerine · Sienna · Amber Brown

HEX
#924628
RGB
rgb(146, 70, 40)
HSL
hsl(17, 57%, 36%)
HSB
hsb(17, 73%, 57%)
CMYK
cmyk(0%, 52%, 73%, 43%)
Oklch
oklch(48.5% 0.111 41.3)

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

#92603E

Tangerine · Sienna · Amber Brown

HEX
#92603E
RGB
rgb(146, 96, 62)
HSL
hsl(24, 40%, 41%)
HSB
hsb(24, 58%, 57%)
CMYK
cmyk(0%, 34%, 58%, 43%)
Oklch
oklch(53.5% 0.081 54.3)

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

#A38B4D

Ochre · Gray · Honey Gold

HEX
#A38B4D
RGB
rgb(163, 139, 77)
HSL
hsl(43, 36%, 47%)
HSB
hsb(43, 53%, 64%)
CMYK
cmyk(0%, 15%, 53%, 36%)
Oklch
oklch(64.5% 0.086 88.8)

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

#A6A655

Autumn Sage · DarkSeaGreen · Honey Gold

HEX
#A6A655
RGB
rgb(166, 166, 85)
HSL
hsl(60, 32%, 49%)
HSB
hsb(60, 49%, 65%)
CMYK
cmyk(0%, 0%, 49%, 35%)
Oklch
oklch(70.8% 0.104 108.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD3517
168EAC

Analogous

AC1643
AD3517
AC7F16

Triadic

AD3517
16AC34
3416AC

Split-Comp.

AD3517
16AC7F
1643AC

Tetradic

AD3517
43AC16
168EAC
7F16AC

Contrast Matrix WCAG 2.1 Contrast

AD3517
924628
92603E
A38B4D
A6A655
—
1.1
Fail
1.2
Fail
1.9
Fail
2.5
Fail
1.1
Fail
—
1.3
Fail
2.0
Fail
2.6
Fail
1.2
Fail
1.3
Fail
—
1.6
Fail
2.1
Fail
1.9
Fail
2.0
Fail
1.6
Fail
—
1.3
Fail
2.5
Fail
2.6
Fail
2.1
Fail
1.3
Fail
—
White BG
6.4AA
6.7AA
5.3AA
3.3AA Large
2.6Fail
Black BG
3.3AA Large
3.1AA Large
4.0AA Large
6.4AA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

79781E
71702F
7C7C46
99985C
A6A669

Deuteranopia

808920
767B31
7F8348
9A9C60
A6A66D

Tritanopia

A72425
8E3536
904D4E
A2686A
A6787B

Achromatopsia

555555
595959
6B6B6B
8B8B8B
9D9D9D

Shades & Tints Shades & Tints

#AD3517

Dark
Light

#924628

Dark
Light

#92603E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad3517;
  --color-2: #924628;
  --color-3: #92603e;
  --color-4: #a38b4d;
  --color-5: #a6a655;
}

SCSS

$color-1: #ad3517;
$color-2: #924628;
$color-3: #92603e;
$color-4: #a38b4d;
$color-5: #a6a655;

TAILWIND

colors: {
  'brand-1': '#ad3517',
  'brand-2': '#924628',
  'brand-3': '#92603e',
  'brand-4': '#a38b4d',
  'brand-5': '#a6a655',
}

RGB Array

[173, 53, 23], [146, 70, 40], [146, 96, 62], [163, 139, 77], [166, 166, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD3517, #924628, #92603E, #A38B4D, #A6A655 is ideal for: corporate websites, product showcases, portfolios. 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: #ad3517; --color-2: #924628; --color-3: #92603e; --color-4: #a38b4d; --color-5: #a6a655. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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