← Back to Editor

#71A2A6 · #A39E4A · #DC6A45 · #D42F40 · #931A39

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 Library

Color Details Color Details

#71A2A6

Slate Blue · CadetBlue · Lake Green

HEX
#71A2A6
RGB
rgb(113, 162, 166)
HSL
hsl(185, 23%, 55%)
HSB
hsb(185, 32%, 65%)
CMYK
cmyk(32%, 2%, 0%, 35%)
Oklch
oklch(67.9% 0.053 202.4)

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

#A39E4A

Autumn Sage · GoldenRod · Honey Gold

HEX
#A39E4A
RGB
rgb(163, 158, 74)
HSL
hsl(57, 38%, 46%)
HSB
hsb(57, 55%, 64%)
CMYK
cmyk(0%, 3%, 55%, 36%)
Oklch
oklch(68.6% 0.107 105.8)

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

#DC6A45

Tangerine · Tomato · Warm Sun

HEX
#DC6A45
RGB
rgb(220, 106, 69)
HSL
hsl(15, 68%, 57%)
HSB
hsb(15, 69%, 86%)
CMYK
cmyk(0%, 52%, 69%, 14%)
Oklch
oklch(65.4% 0.152 38.4)

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

#D42F40

Vermilion · Crimson · Passion Red

HEX
#D42F40
RGB
rgb(212, 47, 64)
HSL
hsl(354, 66%, 51%)
HSB
hsb(354, 78%, 83%)
CMYK
cmyk(0%, 78%, 70%, 17%)
Oklch
oklch(57.2% 0.200 21.3)

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

#931A39

Vermilion · Brown · Wine Red

HEX
#931A39
RGB
rgb(147, 26, 57)
HSL
hsl(345, 70%, 34%)
HSB
hsb(345, 82%, 58%)
CMYK
cmyk(0%, 82%, 61%, 42%)
Oklch
oklch(43.7% 0.155 12.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

71A2A6
A77672

Analogous

72A791
71A2A6
7288A7

Triadic

71A2A6
A772A2
A2A772

Split-Comp.

71A2A6
A77288
A79172

Tetradic

71A2A6
9172A7
A77672
88A772

Contrast Matrix WCAG 2.1 Contrast

71A2A6
A39E4A
DC6A45
D42F40
931A39
—
1.0
Fail
1.2
Fail
1.7
Fail
3.0
AA Large
1.0
Fail
—
1.2
Fail
1.8
Fail
3.1
AA Large
1.2
Fail
1.2
Fail
—
1.4
Fail
2.5
Fail
1.7
Fail
1.8
Fail
1.4
Fail
—
1.7
Fail
3.0
AA Large
3.1
AA Large
2.5
Fail
1.7
Fail
—
White BG
2.8Fail
2.8Fail
3.4AA Large
4.9AA
8.6AAA
Black BG
7.4AAA
7.5AAA
6.2AA
4.3AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8687A5
A1A15E
ABAA4E
8D8B3C
5F5E31

Deuteranopia

8380A5
A1A263
B1BA50
96A23B
666F30

Tritanopia

73A4A4
A36E72
D65557
CC3938
8D2C2A

Achromatopsia

949494
969696
888888
626262
424242

Shades & Tints Shades & Tints

#71A2A6

Dark
Light

#A39E4A

Dark
Light

#DC6A45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #71a2a6;
  --color-2: #a39e4a;
  --color-3: #dc6a45;
  --color-4: #d42f40;
  --color-5: #931a39;
}

SCSS

$color-1: #71a2a6;
$color-2: #a39e4a;
$color-3: #dc6a45;
$color-4: #d42f40;
$color-5: #931a39;

TAILWIND

colors: {
  'brand-1': '#71a2a6',
  'brand-2': '#a39e4a',
  'brand-3': '#dc6a45',
  'brand-4': '#d42f40',
  'brand-5': '#931a39',
}

RGB Array

[113, 162, 166], [163, 158, 74], [220, 106, 69], [212, 47, 64], [147, 26, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #71A2A6, #A39E4A, #DC6A45, #D42F40, #931A39 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: #71a2a6; --color-2: #a39e4a; --color-3: #dc6a45; --color-4: #d42f40; --color-5: #931a39. 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