← Back to Editor

#AA373C · #D6AD53 · #E7C973 · #2A6261 · #191F2B

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

#AA373C

Crimson · Brown · Passion Red

HEX
#AA373C
RGB
rgb(170, 55, 60)
HSL
hsl(357, 51%, 44%)
HSB
hsb(357, 68%, 67%)
CMYK
cmyk(0%, 68%, 65%, 33%)
Oklch
oklch(50.6% 0.150 21.9)

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

#D6AD53

Ginger · SandyBrown · Sunflower

HEX
#D6AD53
RGB
rgb(214, 173, 83)
HSL
hsl(41, 62%, 58%)
HSB
hsb(41, 61%, 84%)
CMYK
cmyk(0%, 19%, 61%, 16%)
Oklch
oklch(76.7% 0.118 84.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E7C973

Ginger · BurlyWood · Sunflower

HEX
#E7C973
RGB
rgb(231, 201, 115)
HSL
hsl(44, 71%, 68%)
HSB
hsb(44, 50%, 91%)
CMYK
cmyk(0%, 13%, 50%, 9%)
Oklch
oklch(84.3% 0.111 90.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#2A6261

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#2A6261
RGB
rgb(42, 98, 97)
HSL
hsl(179, 40%, 27%)
HSB
hsb(179, 57%, 38%)
CMYK
cmyk(57%, 0%, 1%, 62%)
Oklch
oklch(45.9% 0.059 193.7)

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

#191F2B

Indigo · Black · Deep Sea Blue

HEX
#191F2B
RGB
rgb(25, 31, 43)
HSL
hsl(220, 26%, 13%)
HSB
hsb(220, 42%, 17%)
CMYK
cmyk(42%, 28%, 0%, 83%)
Oklch
oklch(23.9% 0.025 263.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA373C
37A9A4

Analogous

A93776
AA373C
A96A37

Triadic

AA373C
3DA937
373DA9

Split-Comp.

AA373C
37A96A
3776A9

Tetradic

AA373C
76A937
37A9A4
6A37A9

Contrast Matrix WCAG 2.1 Contrast

AA373C
D6AD53
E7C973
2A6261
191F2B
—
3.0
Fail
3.9
AA Large
1.1
Fail
2.6
Fail
3.0
Fail
—
1.3
Fail
3.3
AA Large
7.8
AAA
3.9
AA Large
1.3
Fail
—
4.3
AA Large
10.2
AAA
1.1
Fail
3.3
AA Large
4.3
AA Large
—
2.4
Fail
2.6
Fail
7.8
AAA
10.2
AAA
2.4
Fail
—
White BG
6.3AA
2.1Fail
1.6Fail
7.0AA
16.5AAA
Black BG
3.3AA Large
10.0AAA
13.0AAA
3.0AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

78773B
C4C469
DADA88
424361
1C1C28

Deuteranopia

7F883B
C7CA6E
DCDE8D
3F3B61
1B1B27

Tritanopia

A43A3A
D47A7E
E6989C
2D6161
192625

Achromatopsia

5A5A5A
AFAFAF
C8C8C8
515151
1F1F1F

Shades & Tints Shades & Tints

#AA373C

Dark
Light

#D6AD53

Dark
Light

#E7C973

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa373c;
  --color-2: #d6ad53;
  --color-3: #e7c973;
  --color-4: #2a6261;
  --color-5: #191f2b;
}

SCSS

$color-1: #aa373c;
$color-2: #d6ad53;
$color-3: #e7c973;
$color-4: #2a6261;
$color-5: #191f2b;

TAILWIND

colors: {
  'brand-1': '#aa373c',
  'brand-2': '#d6ad53',
  'brand-3': '#e7c973',
  'brand-4': '#2a6261',
  'brand-5': '#191f2b',
}

RGB Array

[170, 55, 60], [214, 173, 83], [231, 201, 115], [42, 98, 97], [25, 31, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AA373C, #D6AD53, #E7C973, #2A6261, #191F2B 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: #aa373c; --color-2: #d6ad53; --color-3: #e7c973; --color-4: #2a6261; --color-5: #191f2b. 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