#73B295 + #A6A373 + #D8C105 + #E0834C + #428E84 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#73B295

Mineral Blue · DarkSeaGreen · Olive Green

HEX

#73B295

RGB

rgb(115, 178, 149)

HSL

hsl(152, 29%, 57%)

HSB

hsb(152, 35%, 70%)

CMYK

cmyk(35%, 0%, 16%, 30%)

Oklch

oklch(71.2% 0.078 163.8)

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

#A6A373

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A6A373

RGB

rgb(166, 163, 115)

HSL

hsl(56, 22%, 55%)

HSB

hsb(56, 31%, 65%)

CMYK

cmyk(0%, 2%, 31%, 35%)

Oklch

oklch(70.6% 0.066 104.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D8C105

Autumn Sage · GoldenRod · Honey Gold

HEX

#D8C105

RGB

rgb(216, 193, 5)

HSL

hsl(53, 95%, 43%)

HSB

hsb(53, 98%, 85%)

CMYK

cmyk(0%, 11%, 98%, 15%)

Oklch

oklch(80.5% 0.167 100.6)

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

#E0834C

Tangerine · Coral · Warm Sun

HEX

#E0834C

RGB

rgb(224, 131, 76)

HSL

hsl(22, 70%, 59%)

HSB

hsb(22, 66%, 88%)

CMYK

cmyk(0%, 42%, 66%, 12%)

Oklch

oklch(70.0% 0.134 49.8)

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

#428E84

Mineral Blue · MediumSeaGreen · Mint Ice

HEX

#428E84

RGB

rgb(66, 142, 132)

HSL

hsl(172, 37%, 41%)

HSB

hsb(172, 54%, 56%)

CMYK

cmyk(54%, 0%, 7%, 44%)

Oklch

oklch(59.6% 0.077 184.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73B295

B1728F

Analogous

72B174

73B295

72AFB1

Triadic

73B295

9372B1

B19372

Split-Comp.

73B295

B172AF

B17472

Tetradic

73B295

7472B1

B1728F

AFB172

Contrast Matrix WCAG 2.1 Contrast

73B295	A6A373	D8C105	E0834C	428E84
—	1.1 Fail	1.4 Fail	1.1 Fail	1.6 Fail
1.1 Fail	—	1.4 Fail	1.1 Fail	1.5 Fail
1.4 Fail	1.4 Fail	—	1.5 Fail	2.1 Fail
1.1 Fail	1.1 Fail	1.5 Fail	—	1.4 Fail
1.6 Fail	1.5 Fail	2.1 Fail	1.4 Fail	—

White BG

2.5Fail

2.6Fail

1.8Fail

2.8Fail

3.9AA Large

Black BG

8.5AAA

8.1AAA

11.5AAA

7.5AAA

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8F9C

A5A57F

CECE32

B8B759

636486

Deuteranopia

8B869E

A5A581

CFD13D

BDC45D

5F5987

Tritanopia

76A2A3

A6888A

D7565E

DB6466

468889

Achromatopsia

9C9C9C

9E9E9E

B2B2B2

999999

767676

Shades & Tints Shades & Tints

#73B295

Dark

Light

#A6A373

Dark

Light

#D8C105

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73b295;
  --color-2: #a6a373;
  --color-3: #d8c105;
  --color-4: #e0834c;
  --color-5: #428e84;
}

SCSS

$color-1: #73b295;
$color-2: #a6a373;
$color-3: #d8c105;
$color-4: #e0834c;
$color-5: #428e84;

TAILWIND

colors: {
  'brand-1': '#73b295',
  'brand-2': '#a6a373',
  'brand-3': '#d8c105',
  'brand-4': '#e0834c',
  'brand-5': '#428e84',
}

RGB Array

[115, 178, 149], [166, 163, 115], [216, 193, 5], [224, 131, 76], [66, 142, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #73B295, #A6A373, #D8C105, #E0834C, #428E84 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: #73b295; --color-2: #a6a373; --color-3: #d8c105; --color-4: #e0834c; --color-5: #428e84. 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