← Back to Editor

#A6B69C · #C3C095 · #E0C997 · #FFDFA2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6B69C

Celadon · DarkGray · Apple Green

HEX
#A6B69C
RGB
rgb(166, 182, 156)
HSL
hsl(97, 15%, 66%)
HSB
hsb(97, 14%, 71%)
CMYK
cmyk(9%, 0%, 14%, 29%)
Oklch
oklch(75.7% 0.040 133.3)

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

#C3C095

Fresh Green · Tan · Sunflower

HEX
#C3C095
RGB
rgb(195, 192, 149)
HSL
hsl(56, 28%, 67%)
HSB
hsb(56, 24%, 76%)
CMYK
cmyk(0%, 2%, 24%, 24%)
Oklch
oklch(79.9% 0.058 104.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E0C997

Goose Yellow · BurlyWood · Sunflower

HEX
#E0C997
RGB
rgb(224, 201, 151)
HSL
hsl(41, 54%, 74%)
HSB
hsb(41, 33%, 88%)
CMYK
cmyk(0%, 10%, 33%, 12%)
Oklch
oklch(84.3% 0.070 86.1)

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

#FFDFA2

Goose Yellow · Wheat · Peach Orange

HEX
#FFDFA2
RGB
rgb(255, 223, 162)
HSL
hsl(39, 100%, 82%)
HSB
hsb(39, 36%, 100%)
CMYK
cmyk(0%, 13%, 36%, 0%)
Oklch
oklch(91.6% 0.085 83.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6B69C
AB9BB5

Analogous

B2B59B
A6B69C
9BB59E

Triadic

A6B69C
9BA5B5
B59BA5

Split-Comp.

A6B69C
9E9BB5
B59BB2

Tetradic

A6B69C
9BB2B5
AB9BB5
B59E9B

Contrast Matrix WCAG 2.1 Contrast

A6B69C
C3C095
E0C997
FFDFA2
—
1.2
Fail
1.3
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
1.4
Fail
1.3
Fail
—
White BG
2.1Fail
1.9Fail
1.6Fail
1.3Fail
Black BG
9.8AAA
11.3AAA
13.0AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADADA2
C2C29F
D6D6A3
F1F1B1

Deuteranopia

ACABA4
C2C2A2
D7D9A6
F3F5B4

Tritanopia

A7A7A8
C3A8A9
DFADAF
FDBCBF

Achromatopsia

AEAEAE
BCBCBC
CACACA
E2E2E2

Shades & Tints Shades & Tints

#A6B69C

Dark
Light

#C3C095

Dark
Light

#E0C997

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6b69c;
  --color-2: #c3c095;
  --color-3: #e0c997;
  --color-4: #ffdfa2;
}

SCSS

$color-1: #a6b69c;
$color-2: #c3c095;
$color-3: #e0c997;
$color-4: #ffdfa2;

TAILWIND

colors: {
  'brand-1': '#a6b69c',
  'brand-2': '#c3c095',
  'brand-3': '#e0c997',
  'brand-4': '#ffdfa2',
}

RGB Array

[166, 182, 156], [195, 192, 149], [224, 201, 151], [255, 223, 162]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This general-style palette of #A6B69C, #C3C095, #E0C997, #FFDFA2 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a6b69c; --color-2: #c3c095; --color-3: #e0c997; --color-4: #ffdfa2. 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 4-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