← Back to Editor

#6D2B37 · #AC6257 · #DBA37E · #E7DCBE · #B6C9CD

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

#6D2B37

Crimson · Brown · Wine Red

HEX
#6D2B37
RGB
rgb(109, 43, 55)
HSL
hsl(349, 43%, 30%)
HSB
hsb(349, 61%, 43%)
CMYK
cmyk(0%, 61%, 50%, 57%)
Oklch
oklch(38.6% 0.094 11.4)

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

#AC6257

Crimson · Sienna · Passion Red

HEX
#AC6257
RGB
rgb(172, 98, 87)
HSL
hsl(8, 34%, 51%)
HSB
hsb(8, 49%, 67%)
CMYK
cmyk(0%, 43%, 49%, 33%)
Oklch
oklch(57.8% 0.098 29.4)

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

#DBA37E

Apricot · DarkSalmon · Warm Sun

HEX
#DBA37E
RGB
rgb(219, 163, 126)
HSL
hsl(24, 56%, 68%)
HSB
hsb(24, 42%, 86%)
CMYK
cmyk(0%, 26%, 42%, 14%)
Oklch
oklch(75.9% 0.083 54.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E7DCBE

Goose Yellow · Wheat · Lemon Cream

HEX
#E7DCBE
RGB
rgb(231, 220, 190)
HSL
hsl(44, 46%, 83%)
HSB
hsb(44, 18%, 91%)
CMYK
cmyk(0%, 5%, 18%, 9%)
Oklch
oklch(89.6% 0.042 90.3)

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

#B6C9CD

Sky Blue · Silver · Glacier Blue

HEX
#B6C9CD
RGB
rgb(182, 201, 205)
HSL
hsl(190, 19%, 76%)
HSB
hsb(190, 11%, 80%)
CMYK
cmyk(11%, 2%, 0%, 20%)
Oklch
oklch(82.3% 0.021 211.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D2B37
2C6D61

Analogous

6D2C59
6D2B37
6D402C

Triadic

6D2B37
386D2C
2C386D

Split-Comp.

6D2B37
2C6D40
2C596D

Tetradic

6D2B37
596D2C
2C6D61
402C6D

Contrast Matrix WCAG 2.1 Contrast

6D2B37
AC6257
DBA37E
E7DCBE
B6C9CD
—
2.3
Fail
4.7
AA
7.5
AAA
6.0
AA
2.3
Fail
—
2.1
Fail
3.3
AA Large
2.6
Fail
4.7
AA
2.1
Fail
—
1.6
Fail
1.3
Fail
7.5
AAA
3.3
AA Large
1.6
Fail
—
1.3
Fail
6.0
AA
2.6
Fail
1.3
Fail
1.3
Fail
—
White BG
10.2AAA
4.5AA
2.2Fail
1.4Fail
1.7Fail
Black BG
2.1Fail
4.6AA
9.6AAA
15.4AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

505034
8C8B5A
C3C287
E2E2C5
BEBECC

Deuteranopia

545933
90965A
C6CA89
E3E4C7
BDBCCC

Tritanopia

6A3231
A85C5C
D88E90
E6CBCC
B7CBCB

Achromatopsia

404040
777777
B0B0B0
DCDCDC
C4C4C4

Shades & Tints Shades & Tints

#6D2B37

Dark
Light

#AC6257

Dark
Light

#DBA37E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d2b37;
  --color-2: #ac6257;
  --color-3: #dba37e;
  --color-4: #e7dcbe;
  --color-5: #b6c9cd;
}

SCSS

$color-1: #6d2b37;
$color-2: #ac6257;
$color-3: #dba37e;
$color-4: #e7dcbe;
$color-5: #b6c9cd;

TAILWIND

colors: {
  'brand-1': '#6d2b37',
  'brand-2': '#ac6257',
  'brand-3': '#dba37e',
  'brand-4': '#e7dcbe',
  'brand-5': '#b6c9cd',
}

RGB Array

[109, 43, 55], [172, 98, 87], [219, 163, 126], [231, 220, 190], [182, 201, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D2B37, #AC6257, #DBA37E, #E7DCBE, #B6C9CD 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: #6d2b37; --color-2: #ac6257; --color-3: #dba37e; --color-4: #e7dcbe; --color-5: #b6c9cd. 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