← Back to Editor

#6E3F2F · #7D4D41 · #D17C5F · #C2D4C6 · #EAD7B9

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

#6E3F2F

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6E3F2F
RGB
rgb(110, 63, 47)
HSL
hsl(15, 40%, 31%)
HSB
hsb(15, 57%, 43%)
CMYK
cmyk(0%, 43%, 57%, 57%)
Oklch
oklch(42.1% 0.071 39.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#7D4D41

Crimson · Sienna · Wine Red

HEX
#7D4D41
RGB
rgb(125, 77, 65)
HSL
hsl(12, 32%, 37%)
HSB
hsb(12, 48%, 49%)
CMYK
cmyk(0%, 38%, 48%, 51%)
Oklch
oklch(47.2% 0.068 34.8)

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

#D17C5F

Tangerine · DarkSalmon · Warm Sun

HEX
#D17C5F
RGB
rgb(209, 124, 95)
HSL
hsl(15, 55%, 60%)
HSB
hsb(15, 55%, 82%)
CMYK
cmyk(0%, 41%, 55%, 18%)
Oklch
oklch(67.2% 0.114 39.5)

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

#C2D4C6

Celadon · Silver · Apple Green

HEX
#C2D4C6
RGB
rgb(194, 212, 198)
HSL
hsl(133, 17%, 80%)
HSB
hsb(133, 8%, 83%)
CMYK
cmyk(8%, 0%, 7%, 17%)
Oklch
oklch(85.2% 0.027 152.3)

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

#EAD7B9

Goose Yellow · Wheat · Peach Orange

HEX
#EAD7B9
RGB
rgb(234, 215, 185)
HSL
hsl(37, 54%, 82%)
HSB
hsb(37, 21%, 92%)
CMYK
cmyk(0%, 8%, 21%, 8%)
Oklch
oklch(88.7% 0.045 79.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E3F2F
2F5F6F

Analogous

6F2F3F
6E3F2F
6F5F2F

Triadic

6E3F2F
2F6F3F
3F2F6F

Split-Comp.

6E3F2F
2F6F5F
2F3F6F

Tetradic

6E3F2F
3F6F2F
2F5F6F
5F2F6F

Contrast Matrix WCAG 2.1 Contrast

6E3F2F
7D4D41
D17C5F
C2D4C6
EAD7B9
—
1.2
Fail
2.8
Fail
5.6
AA
6.2
AA
1.2
Fail
—
2.2
Fail
4.5
AA Large
5.0
AA
2.8
Fail
2.2
Fail
—
2.0
Fail
2.2
Fail
5.6
AA
4.5
AA Large
2.0
Fail
—
1.1
Fail
6.2
AA
5.0
AA
2.2
Fail
1.1
Fail
—
White BG
8.7AAA
7.0AA
3.1AA Large
1.6Fail
1.4Fail
Black BG
2.4Fail
3.0AA Large
6.8AA
13.5AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5933
686844
ACAB66
CACAC9
E2E2C0

Deuteranopia

5C6034
6B6F45
B1B768
C9C7CA
E3E4C2

Tritanopia

6C3637
7B4647
CD6C6D
C3CCCD
E9C6C7

Achromatopsia

4B4B4B
5A5A5A
929292
CDCDCD
D9D9D9

Shades & Tints Shades & Tints

#6E3F2F

Dark
Light

#7D4D41

Dark
Light

#D17C5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e3f2f;
  --color-2: #7d4d41;
  --color-3: #d17c5f;
  --color-4: #c2d4c6;
  --color-5: #ead7b9;
}

SCSS

$color-1: #6e3f2f;
$color-2: #7d4d41;
$color-3: #d17c5f;
$color-4: #c2d4c6;
$color-5: #ead7b9;

TAILWIND

colors: {
  'brand-1': '#6e3f2f',
  'brand-2': '#7d4d41',
  'brand-3': '#d17c5f',
  'brand-4': '#c2d4c6',
  'brand-5': '#ead7b9',
}

RGB Array

[110, 63, 47], [125, 77, 65], [209, 124, 95], [194, 212, 198], [234, 215, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E3F2F, #7D4D41, #D17C5F, #C2D4C6, #EAD7B9 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: #6e3f2f; --color-2: #7d4d41; --color-3: #d17c5f; --color-4: #c2d4c6; --color-5: #ead7b9. 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