← Back to Editor

#452B2B · #664A44 · #A8987D · #D9CFA6 · #B6C896

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

#452B2B

Crimson · DarkSlateGray · Wine Red

HEX
#452B2B
RGB
rgb(69, 43, 43)
HSL
hsl(0, 23%, 22%)
HSB
hsb(0, 38%, 27%)
CMYK
cmyk(0%, 38%, 38%, 73%)
Oklch
oklch(32.1% 0.039 19.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#664A44

Crimson · DarkOliveGreen · Wine Red

HEX
#664A44
RGB
rgb(102, 74, 68)
HSL
hsl(11, 20%, 33%)
HSB
hsb(11, 33%, 40%)
CMYK
cmyk(0%, 27%, 33%, 60%)
Oklch
oklch(43.8% 0.040 32.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#A8987D

Ginger · Gray · Warm Sun

HEX
#A8987D
RGB
rgb(168, 152, 125)
HSL
hsl(38, 20%, 57%)
HSB
hsb(38, 26%, 66%)
CMYK
cmyk(0%, 10%, 26%, 34%)
Oklch
oklch(68.6% 0.042 80.8)

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

#D9CFA6

Goose Yellow · Wheat · Sunflower

HEX
#D9CFA6
RGB
rgb(217, 207, 166)
HSL
hsl(48, 40%, 75%)
HSB
hsb(48, 24%, 85%)
CMYK
cmyk(0%, 5%, 24%, 15%)
Oklch
oklch(85.2% 0.055 95.9)

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

#B6C896

Willow Green · Tan · Apple Green

HEX
#B6C896
RGB
rgb(182, 200, 150)
HSL
hsl(82, 31%, 69%)
HSB
hsb(82, 25%, 78%)
CMYK
cmyk(9%, 0%, 25%, 22%)
Oklch
oklch(80.6% 0.070 124.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

452B2B
2B4545

Analogous

452B38
452B2B
45382B

Triadic

452B2B
2B452B
2B2B45

Split-Comp.

452B2B
2B4538
2B3845

Tetradic

452B2B
38452B
2B4545
382B45

Contrast Matrix WCAG 2.1 Contrast

452B2B
664A44
A8987D
D9CFA6
B6C896
—
1.6
Fail
4.6
AA
8.2
AAA
7.2
AAA
1.6
Fail
—
2.8
Fail
5.1
AA
4.4
AA Large
4.6
AA
2.8
Fail
—
1.8
Fail
1.6
Fail
8.2
AAA
5.1
AA
1.8
Fail
—
1.1
Fail
7.2
AAA
4.4
AA Large
1.6
Fail
1.1
Fail
—
White BG
12.9AAA
8.0AAA
2.8Fail
1.6Fail
1.8Fail
Black BG
1.6Fail
2.6Fail
7.5AAA
13.4AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3A2B
5A5A45
A1A184
D5D5B0
BEBEA2

Deuteranopia

3B3D2B
5C5E46
A2A385
D5D6B2
BDBBA5

Tritanopia

442B2B
654747
A7898A
D8B8B9
B7ACAE

Achromatopsia

333333
525252
9A9A9A
CDCDCD
BDBDBD

Shades & Tints Shades & Tints

#452B2B

Dark
Light

#664A44

Dark
Light

#A8987D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #452b2b;
  --color-2: #664a44;
  --color-3: #a8987d;
  --color-4: #d9cfa6;
  --color-5: #b6c896;
}

SCSS

$color-1: #452b2b;
$color-2: #664a44;
$color-3: #a8987d;
$color-4: #d9cfa6;
$color-5: #b6c896;

TAILWIND

colors: {
  'brand-1': '#452b2b',
  'brand-2': '#664a44',
  'brand-3': '#a8987d',
  'brand-4': '#d9cfa6',
  'brand-5': '#b6c896',
}

RGB Array

[69, 43, 43], [102, 74, 68], [168, 152, 125], [217, 207, 166], [182, 200, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #452B2B, #664A44, #A8987D, #D9CFA6, #B6C896 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: #452b2b; --color-2: #664a44; --color-3: #a8987d; --color-4: #d9cfa6; --color-5: #b6c896. 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