#A9AC9B + #C69380 + #DB686D + #EF2B3F + #4A4B50 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A9AC9B

Willow Green · DarkGray · Silver Sand

HEX

#A9AC9B

RGB

rgb(169, 172, 155)

HSL

hsl(71, 9%, 64%)

HSB

hsb(71, 10%, 67%)

CMYK

cmyk(2%, 0%, 10%, 33%)

Oklch

oklch(73.7% 0.024 115.1)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

#C69380

Apricot · DarkSalmon · Warm Sun

HEX

#C69380

RGB

rgb(198, 147, 128)

HSL

hsl(16, 38%, 64%)

HSB

hsb(16, 35%, 78%)

CMYK

cmyk(0%, 26%, 35%, 22%)

Oklch

oklch(70.7% 0.068 41.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DB686D

Peach Pink · LightCoral · Coral Red

HEX

#DB686D

RGB

rgb(219, 104, 109)

HSL

hsl(357, 61%, 63%)

HSB

hsb(357, 53%, 86%)

CMYK

cmyk(0%, 53%, 50%, 14%)

Oklch

oklch(65.6% 0.144 19.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EF2B3F

Vermilion · Crimson · Passion Red

HEX

#EF2B3F

RGB

rgb(239, 43, 63)

HSL

hsl(354, 86%, 55%)

HSB

hsb(354, 82%, 94%)

CMYK

cmyk(0%, 82%, 74%, 6%)

Oklch

oklch(61.7% 0.227 22.7)

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

#4A4B50

Dark Cyan · DarkSlateGray · Charcoal

HEX

#4A4B50

RGB

rgb(74, 75, 80)

HSL

hsl(230, 4%, 30%)

HSB

hsb(230, 7%, 31%)

CMYK

cmyk(7%, 6%, 0%, 69%)

Oklch

oklch(41.4% 0.008 277.0)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9AC9B

9E9BAB

Analogous

ABA69B

A9AC9B

A0AB9B

Triadic

A9AC9B

9BA8AB

AB9BA8

Split-Comp.

A9AC9B

9BA0AB

A69BAB

Tetradic

A9AC9B

9BABA6

9E9BAB

AB9BA0

Contrast Matrix WCAG 2.1 Contrast

A9AC9B	C69380	DB686D	EF2B3F	4A4B50
—	1.1 Fail	1.5 Fail	1.8 Fail	3.8 AA Large
1.1 Fail	—	1.3 Fail	1.6 Fail	3.3 AA Large
1.5 Fail	1.3 Fail	—	1.2 Fail	2.6 Fail
1.8 Fail	1.6 Fail	1.2 Fail	—	2.1 Fail
3.8 AA Large	3.3 AA Large	2.6 Fail	2.1 Fail	—

White BG

2.3Fail

2.7Fail

3.4AA Large

4.1AA Large

8.7AAA

Black BG

9.1AAA

7.9AAA

6.2AA

5.1AA

2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAA9F

B0AF85

A9A86C

9A983A

4A4A4F

Deuteranopia

AAAAA0

B3B786

B0B86C

A6B439

4A4A4F

Tritanopia

A9A2A3

C38889

D56B6B

E53636

4A4E4E

Achromatopsia

A9A9A9

A0A0A0

8B8B8B

686868

4B4B4B

Shades & Tints Shades & Tints

#A9AC9B

Dark

Light

#C69380

Dark

Light

#DB686D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9ac9b;
  --color-2: #c69380;
  --color-3: #db686d;
  --color-4: #ef2b3f;
  --color-5: #4a4b50;
}

SCSS

$color-1: #a9ac9b;
$color-2: #c69380;
$color-3: #db686d;
$color-4: #ef2b3f;
$color-5: #4a4b50;

TAILWIND

colors: {
  'brand-1': '#a9ac9b',
  'brand-2': '#c69380',
  'brand-3': '#db686d',
  'brand-4': '#ef2b3f',
  'brand-5': '#4a4b50',
}

RGB Array

[169, 172, 155], [198, 147, 128], [219, 104, 109], [239, 43, 63], [74, 75, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9AC9B, #C69380, #DB686D, #EF2B3F, #4A4B50 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: #a9ac9b; --color-2: #c69380; --color-3: #db686d; --color-4: #ef2b3f; --color-5: #4a4b50. 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