← Back to Editor

#DEB36F · #B58B48 · #995F3A · #6B2F2C · #2E2C3B

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

#DEB36F

Ginger · BurlyWood · Warm Sun

HEX
#DEB36F
RGB
rgb(222, 179, 111)
HSL
hsl(37, 63%, 65%)
HSB
hsb(37, 50%, 87%)
CMYK
cmyk(0%, 19%, 50%, 13%)
Oklch
oklch(79.1% 0.099 78.0)

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

#B58B48

Ochre · GoldenRod · Amber Brown

HEX
#B58B48
RGB
rgb(181, 139, 72)
HSL
hsl(37, 43%, 50%)
HSB
hsb(37, 60%, 71%)
CMYK
cmyk(0%, 23%, 60%, 29%)
Oklch
oklch(66.3% 0.099 77.3)

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

#995F3A

Tangerine · Sienna · Amber Brown

HEX
#995F3A
RGB
rgb(153, 95, 58)
HSL
hsl(23, 45%, 41%)
HSB
hsb(23, 62%, 60%)
CMYK
cmyk(0%, 38%, 62%, 40%)
Oklch
oklch(54.2% 0.092 52.2)

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

#6B2F2C

Crimson · Brown · Wine Red

HEX
#6B2F2C
RGB
rgb(107, 47, 44)
HSL
hsl(3, 42%, 30%)
HSB
hsb(3, 59%, 42%)
CMYK
cmyk(0%, 56%, 59%, 58%)
Oklch
oklch(38.7% 0.087 24.8)

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

#2E2C3B

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2E2C3B
RGB
rgb(46, 44, 59)
HSL
hsl(248, 15%, 20%)
HSB
hsb(248, 25%, 23%)
CMYK
cmyk(22%, 25%, 0%, 77%)
Oklch
oklch(30.2% 0.027 290.8)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEB36F
6E99DE

Analogous

DE7B6E
DEB36F
D1DE6E

Triadic

DEB36F
6EDEB3
B36EDE

Split-Comp.

DEB36F
6ED1DE
7B6EDE

Tetradic

DEB36F
6EDE7B
6E99DE
DE6ED1

Contrast Matrix WCAG 2.1 Contrast

DEB36F
B58B48
995F3A
6B2F2C
2E2C3B
—
1.6
Fail
2.7
Fail
5.2
AA
7.0
AAA
1.6
Fail
—
1.7
Fail
3.3
AA Large
4.4
AA Large
2.7
Fail
1.7
Fail
—
2.0
Fail
2.6
Fail
5.2
AA
3.3
AA Large
2.0
Fail
—
1.3
Fail
7.0
AAA
4.4
AA Large
2.6
Fail
1.3
Fail
—
White BG
1.9Fail
3.1AA Large
5.2AA
10.2AAA
13.6AAA
Black BG
10.8AAA
6.8AA
4.1AA Large
2.1Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB7F
A3A258
807F43
51502D
2D2D37

Deuteranopia

CED183
A5A85C
838845
55592D
2D2D37

Tritanopia

DC8C8F
B36568
964A4C
682D2D
2E3534

Achromatopsia

B8B8B8
909090
6C6C6C
414141
2E2E2E

Shades & Tints Shades & Tints

#DEB36F

Dark
Light

#B58B48

Dark
Light

#995F3A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #deb36f;
  --color-2: #b58b48;
  --color-3: #995f3a;
  --color-4: #6b2f2c;
  --color-5: #2e2c3b;
}

SCSS

$color-1: #deb36f;
$color-2: #b58b48;
$color-3: #995f3a;
$color-4: #6b2f2c;
$color-5: #2e2c3b;

TAILWIND

colors: {
  'brand-1': '#deb36f',
  'brand-2': '#b58b48',
  'brand-3': '#995f3a',
  'brand-4': '#6b2f2c',
  'brand-5': '#2e2c3b',
}

RGB Array

[222, 179, 111], [181, 139, 72], [153, 95, 58], [107, 47, 44], [46, 44, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEB36F, #B58B48, #995F3A, #6B2F2C, #2E2C3B 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: #deb36f; --color-2: #b58b48; --color-3: #995f3a; --color-4: #6b2f2c; --color-5: #2e2c3b. 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