← Back to Editor

#9D6A62 · #402B37 · #CFC496 · #E3D9A7 · #F6EDB9

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

#9D6A62

Crimson · Gray · Passion Red

HEX
#9D6A62
RGB
rgb(157, 106, 98)
HSL
hsl(8, 23%, 50%)
HSB
hsb(8, 38%, 62%)
CMYK
cmyk(0%, 32%, 38%, 38%)
Oklch
oklch(57.6% 0.067 29.2)

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

#402B37

Rose Purple · DarkSlateGray · Raspberry

HEX
#402B37
RGB
rgb(64, 43, 55)
HSL
hsl(326, 20%, 21%)
HSB
hsb(326, 33%, 25%)
CMYK
cmyk(0%, 33%, 14%, 75%)
Oklch
oklch(31.9% 0.037 344.1)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#CFC496

Ginger · Tan · Sunflower

HEX
#CFC496
RGB
rgb(207, 196, 150)
HSL
hsl(48, 37%, 70%)
HSB
hsb(48, 28%, 81%)
CMYK
cmyk(0%, 5%, 28%, 19%)
Oklch
oklch(81.8% 0.062 96.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E3D9A7

Fresh Green · Wheat · Lemon Cream

HEX
#E3D9A7
RGB
rgb(227, 217, 167)
HSL
hsl(50, 52%, 77%)
HSB
hsb(50, 26%, 89%)
CMYK
cmyk(0%, 4%, 26%, 11%)
Oklch
oklch(88.1% 0.066 98.1)

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

#F6EDB9

Fresh Green · Wheat · Lemon Cream

HEX
#F6EDB9
RGB
rgb(246, 237, 185)
HSL
hsl(51, 77%, 85%)
HSB
hsb(51, 25%, 96%)
CMYK
cmyk(0%, 4%, 25%, 4%)
Oklch
oklch(94.1% 0.068 99.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9D6A62
62959D

Analogous

9D6278
9D6A62
9D8762

Triadic

9D6A62
629D6A
6A629D

Split-Comp.

9D6A62
629D87
62789D

Tetradic

9D6A62
789D62
62959D
87629D

Contrast Matrix WCAG 2.1 Contrast

9D6A62
402B37
CFC496
E3D9A7
F6EDB9
—
2.9
Fail
2.6
Fail
3.2
AA Large
3.8
AA Large
2.9
Fail
—
7.4
AAA
9.1
AAA
11.0
AAA
2.6
Fail
7.4
AAA
—
1.2
Fail
1.5
Fail
3.2
AA Large
9.1
AAA
1.2
Fail
—
1.2
Fail
3.8
AA Large
11.0
AAA
1.5
Fail
1.2
Fail
—
White BG
4.5AA Large
13.0AAA
1.8Fail
1.4Fail
1.2Fail
Black BG
4.7AA
1.6Fail
12.0AAA
14.7AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878664
373734
CACAA1
DFDFB3
F2F2C6

Deuteranopia

8A8E64
383A33
CBCCA4
DFE0B6
F3F3C9

Tritanopia

9A6566
3F3231
CEAAAC
E2BDBF
F6D0D2

Achromatopsia

787878
333333
C2C2C2
D6D6D6
EAEAEA

Shades & Tints Shades & Tints

#9D6A62

Dark
Light

#402B37

Dark
Light

#CFC496

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9d6a62;
  --color-2: #402b37;
  --color-3: #cfc496;
  --color-4: #e3d9a7;
  --color-5: #f6edb9;
}

SCSS

$color-1: #9d6a62;
$color-2: #402b37;
$color-3: #cfc496;
$color-4: #e3d9a7;
$color-5: #f6edb9;

TAILWIND

colors: {
  'brand-1': '#9d6a62',
  'brand-2': '#402b37',
  'brand-3': '#cfc496',
  'brand-4': '#e3d9a7',
  'brand-5': '#f6edb9',
}

RGB Array

[157, 106, 98], [64, 43, 55], [207, 196, 150], [227, 217, 167], [246, 237, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9D6A62, #402B37, #CFC496, #E3D9A7, #F6EDB9 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: #9d6a62; --color-2: #402b37; --color-3: #cfc496; --color-4: #e3d9a7; --color-5: #f6edb9. 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