← Back to Editor

#44350A · #D24E49 · #D8874F · #BDB571 · #DEE3A6

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

#44350A

Ochre · DarkOliveGreen · Amber Gold

HEX
#44350A
RGB
rgb(68, 53, 10)
HSL
hsl(44, 74%, 15%)
HSB
hsb(44, 85%, 27%)
CMYK
cmyk(0%, 22%, 85%, 73%)
Oklch
oklch(33.7% 0.061 88.6)

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

#D24E49

Crimson · Tomato · Passion Red

HEX
#D24E49
RGB
rgb(210, 78, 73)
HSL
hsl(2, 60%, 55%)
HSB
hsb(2, 65%, 82%)
CMYK
cmyk(0%, 63%, 65%, 18%)
Oklch
oklch(60.1% 0.168 25.6)

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

#D8874F

Tangerine · Coral · Warm Sun

HEX
#D8874F
RGB
rgb(216, 135, 79)
HSL
hsl(25, 64%, 58%)
HSB
hsb(25, 63%, 85%)
CMYK
cmyk(0%, 38%, 63%, 15%)
Oklch
oklch(69.7% 0.123 53.9)

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

#BDB571

Autumn Sage · Tan · Sunflower

HEX
#BDB571
RGB
rgb(189, 181, 113)
HSL
hsl(54, 37%, 59%)
HSB
hsb(54, 40%, 74%)
CMYK
cmyk(0%, 4%, 40%, 26%)
Oklch
oklch(76.4% 0.089 102.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DEE3A6

Fresh Green · Wheat · Lemon Cream

HEX
#DEE3A6
RGB
rgb(222, 227, 166)
HSL
hsl(65, 52%, 77%)
HSB
hsb(65, 27%, 89%)
CMYK
cmyk(2%, 0%, 27%, 11%)
Oklch
oklch(89.7% 0.079 111.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44350A
0A1943

Analogous

43170A
44350A
35430A

Triadic

44350A
0A4333
330A43

Split-Comp.

44350A
0A3543
170A43

Tetradic

44350A
0A4317
0A1943
430A35

Contrast Matrix WCAG 2.1 Contrast

44350A
D24E49
D8874F
BDB571
DEE3A6
—
2.8
Fail
4.3
AA Large
5.7
AA
8.9
AAA
2.8
Fail
—
1.5
Fail
2.0
Fail
3.2
AA Large
4.3
AA Large
1.5
Fail
—
1.3
Fail
2.1
Fail
5.7
AA
2.0
Fail
1.3
Fail
—
1.6
Fail
8.9
AAA
3.2
AA Large
2.1
Fail
1.6
Fail
—
White BG
11.9AAA
4.3AA Large
2.8Fail
2.1Fail
1.3Fail
Black BG
1.8Fail
4.9AA
7.5AAA
10.0AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D14
99984A
B5B45D
BAB981
E0E0B5

Deuteranopia

3E3F17
A1AA4B
BAC060
BABB85
E0DFB8

Tritanopia

431D1E
CB4B4B
D4676A
BD8E91
DEC0C3

Achromatopsia

353535
757575
999999
B0B0B0
DBDBDB

Shades & Tints Shades & Tints

#44350A

Dark
Light

#D24E49

Dark
Light

#D8874F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44350a;
  --color-2: #d24e49;
  --color-3: #d8874f;
  --color-4: #bdb571;
  --color-5: #dee3a6;
}

SCSS

$color-1: #44350a;
$color-2: #d24e49;
$color-3: #d8874f;
$color-4: #bdb571;
$color-5: #dee3a6;

TAILWIND

colors: {
  'brand-1': '#44350a',
  'brand-2': '#d24e49',
  'brand-3': '#d8874f',
  'brand-4': '#bdb571',
  'brand-5': '#dee3a6',
}

RGB Array

[68, 53, 10], [210, 78, 73], [216, 135, 79], [189, 181, 113], [222, 227, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44350A, #D24E49, #D8874F, #BDB571, #DEE3A6 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: #44350a; --color-2: #d24e49; --color-3: #d8874f; --color-4: #bdb571; --color-5: #dee3a6. 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