← Back to Editor

#443511 · #E8DE95 · #876922 · #8D817A · #9299D1

space

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

#443511

Ochre · DarkOliveGreen · Amber Gold

HEX
#443511
RGB
rgb(68, 53, 17)
HSL
hsl(42, 60%, 17%)
HSB
hsb(42, 75%, 27%)
CMYK
cmyk(0%, 22%, 75%, 73%)
Oklch
oklch(33.7% 0.056 86.1)

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

#E8DE95

Fresh Green · Khaki · Sunflower

HEX
#E8DE95
RGB
rgb(232, 222, 149)
HSL
hsl(53, 64%, 75%)
HSB
hsb(53, 36%, 91%)
CMYK
cmyk(0%, 4%, 36%, 9%)
Oklch
oklch(89.2% 0.093 101.4)

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

#876922

Ochre · Sienna · Honey Gold

HEX
#876922
RGB
rgb(135, 105, 34)
HSL
hsl(42, 60%, 33%)
HSB
hsb(42, 75%, 53%)
CMYK
cmyk(0%, 22%, 75%, 47%)
Oklch
oklch(53.7% 0.095 85.1)

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

#8D817A

Tangerine · Gray · Warm Gray

HEX
#8D817A
RGB
rgb(141, 129, 122)
HSL
hsl(22, 8%, 52%)
HSB
hsb(22, 13%, 55%)
CMYK
cmyk(0%, 9%, 13%, 45%)
Oklch
oklch(61.2% 0.018 52.4)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

#9299D1

Azure · DarkGray · Cobalt Blue

HEX
#9299D1
RGB
rgb(146, 153, 209)
HSL
hsl(233, 41%, 70%)
HSB
hsb(233, 30%, 82%)
CMYK
cmyk(30%, 27%, 0%, 18%)
Oklch
oklch(69.8% 0.082 278.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

443511
112145

Analogous

451C11
443511
3B4511

Triadic

443511
114536
361145

Split-Comp.

443511
113B45
1C1145

Tetradic

443511
11451C
112145
45113B

Contrast Matrix WCAG 2.1 Contrast

443511
E8DE95
876922
8D817A
9299D1
—
8.7
AAA
2.3
Fail
3.1
AA Large
4.4
AA Large
8.7
AAA
—
3.8
AA Large
2.8
Fail
2.0
Fail
2.3
Fail
3.8
AA Large
—
1.4
Fail
1.9
Fail
3.1
AA Large
2.8
Fail
1.4
Fail
—
1.4
Fail
4.4
AA Large
2.0
Fail
1.9
Fail
1.4
Fail
—
White BG
11.9AAA
1.4Fail
5.2AA
3.8AA Large
2.7Fail
Black BG
1.8Fail
15.3AAA
4.1AA Large
5.6AA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D1A
E4E4A7
7A7A33
88887C
9595C3

Deuteranopia

3E3F1C
E4E5AB
7C7E37
89897C
9594C0

Tritanopia

432122
E7B5B8
864144
8C7D7D
92B9B6

Achromatopsia

353535
D9D9D9
6A6A6A
848484
9D9D9D

Shades & Tints Shades & Tints

#443511

Dark
Light

#E8DE95

Dark
Light

#876922

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #443511;
  --color-2: #e8de95;
  --color-3: #876922;
  --color-4: #8d817a;
  --color-5: #9299d1;
}

SCSS

$color-1: #443511;
$color-2: #e8de95;
$color-3: #876922;
$color-4: #8d817a;
$color-5: #9299d1;

TAILWIND

colors: {
  'brand-1': '#443511',
  'brand-2': '#e8de95',
  'brand-3': '#876922',
  'brand-4': '#8d817a',
  'brand-5': '#9299d1',
}

RGB Array

[68, 53, 17], [232, 222, 149], [135, 105, 34], [141, 129, 122], [146, 153, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #443511, #E8DE95, #876922, #8D817A, #9299D1 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: #443511; --color-2: #e8de95; --color-3: #876922; --color-4: #8d817a; --color-5: #9299d1. 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 space-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