← Back to Editor

#44424D · #E6C88C · #D7803B · #D5975A · #C0BA96

earth

A 5-color earth 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

#44424D

Deep Indigo · DarkSlateGray · Charcoal

HEX
#44424D
RGB
rgb(68, 66, 77)
HSL
hsl(251, 8%, 28%)
HSB
hsb(251, 14%, 30%)
CMYK
cmyk(12%, 14%, 0%, 70%)
Oklch
oklch(38.5% 0.019 293.8)

Traditional「Deep Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#E6C88C

Goose Yellow · BurlyWood · Sunflower

HEX
#E6C88C
RGB
rgb(230, 200, 140)
HSL
hsl(40, 64%, 73%)
HSB
hsb(40, 39%, 90%)
CMYK
cmyk(0%, 13%, 39%, 10%)
Oklch
oklch(84.5% 0.084 84.2)

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

#D7803B

Tangerine · Chocolate · Warm Sun

HEX
#D7803B
RGB
rgb(215, 128, 59)
HSL
hsl(27, 66%, 54%)
HSB
hsb(27, 73%, 84%)
CMYK
cmyk(0%, 40%, 73%, 16%)
Oklch
oklch(68.1% 0.136 56.0)

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

#D5975A

Ginger · SandyBrown · Warm Sun

HEX
#D5975A
RGB
rgb(213, 151, 90)
HSL
hsl(30, 59%, 59%)
HSB
hsb(30, 58%, 84%)
CMYK
cmyk(0%, 29%, 58%, 16%)
Oklch
oklch(72.4% 0.108 64.2)

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

#C0BA96

Fresh Green · Tan · Sunflower

HEX
#C0BA96
RGB
rgb(192, 186, 150)
HSL
hsl(51, 25%, 67%)
HSB
hsb(51, 22%, 75%)
CMYK
cmyk(0%, 3%, 22%, 25%)
Oklch
oklch(78.5% 0.049 99.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44424D
4B4D42

Analogous

42454D
44424D
49424D

Triadic

44424D
4D4442
424D44

Split-Comp.

44424D
4D4942
454D42

Tetradic

44424D
4D4245
4B4D42
424D49

Contrast Matrix WCAG 2.1 Contrast

44424D
E6C88C
D7803B
D5975A
C0BA96
—
6.1
AA
3.3
AA Large
3.9
AA Large
5.0
AA
6.1
AA
—
1.8
Fail
1.5
Fail
1.2
Fail
3.3
AA Large
1.8
Fail
—
1.2
Fail
1.5
Fail
3.9
AA Large
1.5
Fail
1.2
Fail
—
1.3
Fail
5.0
AA
1.2
Fail
1.5
Fail
1.3
Fail
—
White BG
9.8AAA
1.6Fail
3.0Fail
2.5Fail
2.0Fail
Black BG
2.1Fail
13.0AAA
7.0AAA
8.4AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

43434A
D9D99B
B1B14C
BABA69
BDBD9F

Deuteranopia

43434A
DBDD9E
B6BD50
BEC26C
BEBEA1

Tritanopia

444848
E5A6A9
D3595C
D27477
C0A6A7

Achromatopsia

444444
CACACA
929292
A3A3A3
B8B8B8

Shades & Tints Shades & Tints

#44424D

Dark
Light

#E6C88C

Dark
Light

#D7803B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44424d;
  --color-2: #e6c88c;
  --color-3: #d7803b;
  --color-4: #d5975a;
  --color-5: #c0ba96;
}

SCSS

$color-1: #44424d;
$color-2: #e6c88c;
$color-3: #d7803b;
$color-4: #d5975a;
$color-5: #c0ba96;

TAILWIND

colors: {
  'brand-1': '#44424d',
  'brand-2': '#e6c88c',
  'brand-3': '#d7803b',
  'brand-4': '#d5975a',
  'brand-5': '#c0ba96',
}

RGB Array

[68, 66, 77], [230, 200, 140], [215, 128, 59], [213, 151, 90], [192, 186, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #44424D, #E6C88C, #D7803B, #D5975A, #C0BA96 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: #44424d; --color-2: #e6c88c; --color-3: #d7803b; --color-4: #d5975a; --color-5: #c0ba96. 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 earth-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