← Back to Editor

#D9CEA6 · #A4B09E · #739196 · #4F7985 · #3C4242

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D9CEA6

Goose Yellow · Wheat · Sunflower

HEX
#D9CEA6
RGB
rgb(217, 206, 166)
HSL
hsl(47, 40%, 75%)
HSB
hsb(47, 24%, 85%)
CMYK
cmyk(0%, 5%, 24%, 15%)
Oklch
oklch(85.0% 0.054 94.5)

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

#A4B09E

Celadon · DarkGray · Apple Green

HEX
#A4B09E
RGB
rgb(164, 176, 158)
HSL
hsl(100, 10%, 65%)
HSB
hsb(100, 10%, 69%)
CMYK
cmyk(7%, 0%, 10%, 31%)
Oklch
oklch(74.3% 0.029 135.0)

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

#739196

Slate Blue · LightSlateGray · Lake Green

HEX
#739196
RGB
rgb(115, 145, 150)
HSL
hsl(189, 14%, 52%)
HSB
hsb(189, 23%, 59%)
CMYK
cmyk(23%, 3%, 0%, 41%)
Oklch
oklch(63.5% 0.035 208.8)

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

#4F7985

Slate Blue · SlateGray · Mint Ice

HEX
#4F7985
RGB
rgb(79, 121, 133)
HSL
hsl(193, 25%, 42%)
HSB
hsb(193, 41%, 52%)
CMYK
cmyk(41%, 9%, 0%, 48%)
Oklch
oklch(55.0% 0.050 217.7)

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

#3C4242

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3C4242
RGB
rgb(60, 66, 66)
HSL
hsl(180, 5%, 25%)
HSB
hsb(180, 9%, 26%)
CMYK
cmyk(9%, 0%, 0%, 74%)
Oklch
oklch(37.4% 0.008 196.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9CEA6
A6B1D9

Analogous

D9B4A6
D9CEA6
CAD9A6

Triadic

D9CEA6
A6D9CE
CEA6D9

Split-Comp.

D9CEA6
A6CAD9
B4A6D9

Tetradic

D9CEA6
A6D9B4
A6B1D9
D9A6CA

Contrast Matrix WCAG 2.1 Contrast

D9CEA6
A4B09E
739196
4F7985
3C4242
—
1.4
Fail
2.1
Fail
3.0
AA Large
6.5
AA
1.4
Fail
—
1.5
Fail
2.1
Fail
4.5
AA
2.1
Fail
1.5
Fail
—
1.4
Fail
3.0
AA Large
3.0
AA Large
2.1
Fail
1.4
Fail
—
2.1
Fail
6.5
AA
4.5
AA
3.0
AA Large
2.1
Fail
—
White BG
1.6Fail
2.3Fail
3.4AA Large
4.8AA
10.2AAA
Black BG
13.3AAA
9.3AAA
6.2AA
4.4AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4B0
A9A9A2
808095
616282
3F3F42

Deuteranopia

D5D6B2
A9A8A3
7E7C95
5F5C81
3E3E42

Tritanopia

D8B7B9
A5A6A7
759494
51807F
3C4242

Achromatopsia

CDCDCD
AAAAAA
898989
6E6E6E
404040

Shades & Tints Shades & Tints

#D9CEA6

Dark
Light

#A4B09E

Dark
Light

#739196

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9cea6;
  --color-2: #a4b09e;
  --color-3: #739196;
  --color-4: #4f7985;
  --color-5: #3c4242;
}

SCSS

$color-1: #d9cea6;
$color-2: #a4b09e;
$color-3: #739196;
$color-4: #4f7985;
$color-5: #3c4242;

TAILWIND

colors: {
  'brand-1': '#d9cea6',
  'brand-2': '#a4b09e',
  'brand-3': '#739196',
  'brand-4': '#4f7985',
  'brand-5': '#3c4242',
}

RGB Array

[217, 206, 166], [164, 176, 158], [115, 145, 150], [79, 121, 133], [60, 66, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9CEA6, #A4B09E, #739196, #4F7985, #3C4242 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d9cea6; --color-2: #a4b09e; --color-3: #739196; --color-4: #4f7985; --color-5: #3c4242. 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. Restrained colors convey professionalism and trust. 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