← Back to Editor

#A99179 · #73A29C · #3B181E · #E2A392 · #D97D66

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A99179

Ginger · Gray · Warm Sun

HEX
#A99179
RGB
rgb(169, 145, 121)
HSL
hsl(30, 22%, 57%)
HSB
hsb(30, 28%, 66%)
CMYK
cmyk(0%, 14%, 28%, 34%)
Oklch
oklch(67.2% 0.045 66.9)

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

#73A29C

Mineral Blue · CadetBlue · Lake Green

HEX
#73A29C
RGB
rgb(115, 162, 156)
HSL
hsl(172, 20%, 54%)
HSB
hsb(172, 29%, 64%)
CMYK
cmyk(29%, 0%, 4%, 36%)
Oklch
oklch(67.7% 0.051 186.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#3B181E

Crimson · Black · Deep Berry

HEX
#3B181E
RGB
rgb(59, 24, 30)
HSL
hsl(350, 42%, 16%)
HSB
hsb(350, 59%, 23%)
CMYK
cmyk(0%, 59%, 49%, 77%)
Oklch
oklch(26.3% 0.056 10.9)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#E2A392

Peach Pink · BurlyWood · Coral Red

HEX
#E2A392
RGB
rgb(226, 163, 146)
HSL
hsl(13, 58%, 73%)
HSB
hsb(13, 35%, 89%)
CMYK
cmyk(0%, 28%, 35%, 11%)
Oklch
oklch(77.1% 0.079 35.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D97D66

Peach Pink · LightCoral · Coral Red

HEX
#D97D66
RGB
rgb(217, 125, 102)
HSL
hsl(12, 60%, 63%)
HSB
hsb(12, 53%, 85%)
CMYK
cmyk(0%, 42%, 53%, 15%)
Oklch
oklch(68.5% 0.120 34.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A99179
7991A9

Analogous

A97979
A99179
A9A979

Triadic

A99179
79A991
9179A9

Split-Comp.

A99179
79A9A9
7979A9

Tetradic

A99179
79A979
7991A9
A979A9

Contrast Matrix WCAG 2.1 Contrast

A99179
73A29C
3B181E
E2A392
D97D66
—
1.1
Fail
5.3
AA
1.4
Fail
1.0
Fail
1.1
Fail
—
5.5
AA
1.3
Fail
1.0
Fail
5.3
AA
5.5
AA
—
7.4
AAA
5.3
AA
1.4
Fail
1.3
Fail
7.4
AAA
—
1.4
Fail
1.0
Fail
1.0
Fail
5.3
AA
1.4
Fail
—
White BG
3.0Fail
2.8Fail
15.7AAA
2.1Fail
3.0Fail
Black BG
7.0AAA
7.4AAA
1.3Fail
9.9AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9E7F
87889D
2C2C1D
C7C696
B1B06C

Deuteranopia

A0A280
85819E
2E311C
CACF97
B7BD6D

Tritanopia

A88384
759F9F
391B1B
DF999A
D47071

Achromatopsia

959595
939393
232323
B4B4B4
969696

Shades & Tints Shades & Tints

#A99179

Dark
Light

#73A29C

Dark
Light

#3B181E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a99179;
  --color-2: #73a29c;
  --color-3: #3b181e;
  --color-4: #e2a392;
  --color-5: #d97d66;
}

SCSS

$color-1: #a99179;
$color-2: #73a29c;
$color-3: #3b181e;
$color-4: #e2a392;
$color-5: #d97d66;

TAILWIND

colors: {
  'brand-1': '#a99179',
  'brand-2': '#73a29c',
  'brand-3': '#3b181e',
  'brand-4': '#e2a392',
  'brand-5': '#d97d66',
}

RGB Array

[169, 145, 121], [115, 162, 156], [59, 24, 30], [226, 163, 146], [217, 125, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A99179, #73A29C, #3B181E, #E2A392, #D97D66 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a99179; --color-2: #73a29c; --color-3: #3b181e; --color-4: #e2a392; --color-5: #d97d66. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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