← Back to Editor

#A3AB98 · #F6E2BB · #4A4031 · #F79977 · #D8523D

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A3AB98

Willow Green · DarkGray · Apple Green

HEX
#A3AB98
RGB
rgb(163, 171, 152)
HSL
hsl(85, 10%, 63%)
HSB
hsb(85, 11%, 67%)
CMYK
cmyk(5%, 0%, 11%, 33%)
Oklch
oklch(72.9% 0.028 125.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#F6E2BB

Goose Yellow · Wheat · Lemon Cream

HEX
#F6E2BB
RGB
rgb(246, 226, 187)
HSL
hsl(40, 77%, 85%)
HSB
hsb(40, 24%, 96%)
CMYK
cmyk(0%, 8%, 24%, 4%)
Oklch
oklch(91.9% 0.055 84.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#4A4031

Ochre · DarkSlateGray · Cinnamon

HEX
#4A4031
RGB
rgb(74, 64, 49)
HSL
hsl(36, 20%, 24%)
HSB
hsb(36, 34%, 29%)
CMYK
cmyk(0%, 14%, 34%, 71%)
Oklch
oklch(37.7% 0.028 77.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#F79977

Apricot · LightSalmon · Warm Sun

HEX
#F79977
RGB
rgb(247, 153, 119)
HSL
hsl(16, 89%, 72%)
HSB
hsb(16, 52%, 97%)
CMYK
cmyk(0%, 38%, 52%, 3%)
Oklch
oklch(77.2% 0.123 40.6)

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

#D8523D

Vermilion · Chocolate · Passion Red

HEX
#D8523D
RGB
rgb(216, 82, 61)
HSL
hsl(8, 67%, 54%)
HSB
hsb(8, 72%, 85%)
CMYK
cmyk(0%, 62%, 72%, 15%)
Oklch
oklch(61.4% 0.173 31.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3AB98
9F97AA

Analogous

AAA997
A3AB98
99AA97

Triadic

A3AB98
97A2AA
AA97A2

Split-Comp.

A3AB98
9799AA
A997AA

Tetradic

A3AB98
97AAA9
9F97AA
AA9799

Contrast Matrix WCAG 2.1 Contrast

A3AB98
F6E2BB
4A4031
F79977
D8523D
—
1.9
Fail
4.3
AA Large
1.1
Fail
1.7
Fail
1.9
Fail
—
8.0
AAA
1.7
Fail
3.2
AA Large
4.3
AA Large
8.0
AAA
—
4.7
AA
2.5
Fail
1.1
Fail
1.7
Fail
4.7
AA
—
1.9
Fail
1.7
Fail
3.2
AA Large
2.5
Fail
1.9
Fail
—
White BG
2.4Fail
1.3Fail
10.2AAA
2.1Fail
4.0AA Large
Black BG
8.8AAA
16.5AAA
2.1Fail
9.8AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A79D
EDEDC4
464635
CECD7F
9E9D42

Deuteranopia

A6A59E
EFF0C7
464736
D4DB81
A6B043

Tritanopia

A3A0A1
F5CCCE
4A3738
F28687
D14647

Achromatopsia

A6A6A6
E4E4E4
414141
B1B1B1
787878

Shades & Tints Shades & Tints

#A3AB98

Dark
Light

#F6E2BB

Dark
Light

#4A4031

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3ab98;
  --color-2: #f6e2bb;
  --color-3: #4a4031;
  --color-4: #f79977;
  --color-5: #d8523d;
}

SCSS

$color-1: #a3ab98;
$color-2: #f6e2bb;
$color-3: #4a4031;
$color-4: #f79977;
$color-5: #d8523d;

TAILWIND

colors: {
  'brand-1': '#a3ab98',
  'brand-2': '#f6e2bb',
  'brand-3': '#4a4031',
  'brand-4': '#f79977',
  'brand-5': '#d8523d',
}

RGB Array

[163, 171, 152], [246, 226, 187], [74, 64, 49], [247, 153, 119], [216, 82, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3AB98, #F6E2BB, #4A4031, #F79977, #D8523D 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: #a3ab98; --color-2: #f6e2bb; --color-3: #4a4031; --color-4: #f79977; --color-5: #d8523d. 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