#A69183 + #EDC4A6 + #E6AF97 + #A3A7A8 + #7F9BA3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A69183

Tangerine · Gray · Warm Sun

HEX

#A69183

RGB

rgb(166, 145, 131)

HSL

hsl(24, 16%, 58%)

HSB

hsb(24, 21%, 65%)

CMYK

cmyk(0%, 13%, 21%, 35%)

Oklch

oklch(67.2% 0.032 55.8)

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

#EDC4A6

Apricot · Wheat · Peach Orange

HEX

#EDC4A6

RGB

rgb(237, 196, 166)

HSL

hsl(25, 66%, 79%)

HSB

hsb(25, 30%, 93%)

CMYK

cmyk(0%, 17%, 30%, 7%)

Oklch

oklch(84.8% 0.062 58.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E6AF97

Apricot · BurlyWood · Warm Sun

HEX

#E6AF97

RGB

rgb(230, 175, 151)

HSL

hsl(18, 61%, 75%)

HSB

hsb(18, 34%, 90%)

CMYK

cmyk(0%, 24%, 34%, 10%)

Oklch

oklch(79.9% 0.073 44.7)

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

#A3A7A8

Ash · DarkGray · Silver Sand

HEX

#A3A7A8

RGB

rgb(163, 167, 168)

HSL

hsl(192, 3%, 65%)

HSB

hsb(192, 3%, 66%)

CMYK

cmyk(3%, 1%, 0%, 34%)

Oklch

oklch(72.5% 0.005 214.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#7F9BA3

Slate Blue · LightSlateGray · Lake Green

HEX

#7F9BA3

RGB

rgb(127, 155, 163)

HSL

hsl(193, 16%, 57%)

HSB

hsb(193, 22%, 64%)

CMYK

cmyk(22%, 5%, 0%, 36%)

Oklch

oklch(67.1% 0.033 217.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A69183

8397A5

Analogous

A58386

A69183

A5A283

Triadic

A69183

83A590

9083A5

Split-Comp.

A69183

83A5A2

8386A5

Tetradic

A69183

86A583

8397A5

A283A5

Contrast Matrix WCAG 2.1 Contrast

A69183	EDC4A6	E6AF97	A3A7A8	7F9BA3
—	1.9 Fail	1.6 Fail	1.2 Fail	1.0 Fail
1.9 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.6 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
1.2 Fail	1.5 Fail	1.3 Fail	—	1.2 Fail
1.0 Fail	1.8 Fail	1.5 Fail	1.2 Fail	—

White BG

3.0AA Large

1.6Fail

1.9Fail

2.4Fail

2.9Fail

Black BG

7.0AA

13.0AAA

10.9AAA

8.7AAA

7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D86

DBDBAD

CECE9D

A5A5A8

8B8BA1

Deuteranopia

9EA087

DEE1AF

D1D69E

A5A4A8

8A87A1

Tritanopia

A5898A

EBB3B4

E3A1A2

A3A8A8

80A09F

Achromatopsia

969696

CDCDCD

BDBDBD

A6A6A6

949494

Shades & Tints Shades & Tints

#A69183

Dark

Light

#EDC4A6

Dark

Light

#E6AF97

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a69183;
  --color-2: #edc4a6;
  --color-3: #e6af97;
  --color-4: #a3a7a8;
  --color-5: #7f9ba3;
}

SCSS

$color-1: #a69183;
$color-2: #edc4a6;
$color-3: #e6af97;
$color-4: #a3a7a8;
$color-5: #7f9ba3;

TAILWIND

colors: {
  'brand-1': '#a69183',
  'brand-2': '#edc4a6',
  'brand-3': '#e6af97',
  'brand-4': '#a3a7a8',
  'brand-5': '#7f9ba3',
}

RGB Array

[166, 145, 131], [237, 196, 166], [230, 175, 151], [163, 167, 168], [127, 155, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A69183, #EDC4A6, #E6AF97, #A3A7A8, #7F9BA3 is ideal for: health products, baby brands, fresh-style blogs. 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: #a69183; --color-2: #edc4a6; --color-3: #e6af97; --color-4: #a3a7a8; --color-5: #7f9ba3. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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