← Back to Editor

#962626 · #B04329 · #E6BC7A · #998340 · #5B6645

space

A 5-color space palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#962626

Crimson · Brown · Wine Red

HEX
#962626
RGB
rgb(150, 38, 38)
HSL
hsl(0, 60%, 37%)
HSB
hsb(0, 75%, 59%)
CMYK
cmyk(0%, 75%, 75%, 41%)
Oklch
oklch(44.9% 0.148 25.5)

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

#B04329

Vermilion · Sienna · Passion Red

HEX
#B04329
RGB
rgb(176, 67, 41)
HSL
hsl(12, 62%, 43%)
HSB
hsb(12, 77%, 69%)
CMYK
cmyk(0%, 62%, 77%, 31%)
Oklch
oklch(52.8% 0.148 34.7)

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

#E6BC7A

Ginger · BurlyWood · Warm Sun

HEX
#E6BC7A
RGB
rgb(230, 188, 122)
HSL
hsl(37, 68%, 69%)
HSB
hsb(37, 47%, 90%)
CMYK
cmyk(0%, 18%, 47%, 10%)
Oklch
oklch(81.8% 0.097 78.1)

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

#998340

Ochre · Sienna · Honey Gold

HEX
#998340
RGB
rgb(153, 131, 64)
HSL
hsl(45, 41%, 43%)
HSB
hsb(45, 58%, 60%)
CMYK
cmyk(0%, 14%, 58%, 40%)
Oklch
oklch(61.6% 0.091 91.4)

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

#5B6645

Grass Green · DarkOliveGreen · Forest Green

HEX
#5B6645
RGB
rgb(91, 102, 69)
HSL
hsl(80, 19%, 34%)
HSB
hsb(80, 32%, 40%)
CMYK
cmyk(11%, 0%, 32%, 60%)
Oklch
oklch(49.2% 0.052 123.3)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

962626
269797

Analogous

97265E
962626
975E26

Triadic

962626
269726
262697

Split-Comp.

962626
26975E
265E97

Tetradic

962626
5E9726
269797
5E2697

Contrast Matrix WCAG 2.1 Contrast

962626
B04329
E6BC7A
998340
5B6645
—
1.4
Fail
4.5
AA
2.2
Fail
1.3
Fail
1.4
Fail
—
3.2
AA Large
1.5
Fail
1.1
Fail
4.5
AA
3.2
AA Large
—
2.1
Fail
3.5
AA Large
2.2
Fail
1.5
Fail
2.1
Fail
—
1.7
Fail
1.3
Fail
1.1
Fail
3.5
AA Large
1.7
Fail
—
White BG
8.1AAA
5.7AA
1.8Fail
3.7AA Large
6.1AA
Black BG
2.6Fail
3.7AA Large
11.8AAA
5.7AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

666426
81802F
D4D38A
8F8F50
60604D

Deuteranopia

6C7426
878F31
D6D98E
919254
5F5E4F

Tritanopia

902626
AB3435
E49799
985D60
5C5355

Achromatopsia

474747
616161
C1C1C1
828282
5F5F5F

Shades & Tints Shades & Tints

#962626

Dark
Light

#B04329

Dark
Light

#E6BC7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #962626;
  --color-2: #b04329;
  --color-3: #e6bc7a;
  --color-4: #998340;
  --color-5: #5b6645;
}

SCSS

$color-1: #962626;
$color-2: #b04329;
$color-3: #e6bc7a;
$color-4: #998340;
$color-5: #5b6645;

TAILWIND

colors: {
  'brand-1': '#962626',
  'brand-2': '#b04329',
  'brand-3': '#e6bc7a',
  'brand-4': '#998340',
  'brand-5': '#5b6645',
}

RGB Array

[150, 38, 38], [176, 67, 41], [230, 188, 122], [153, 131, 64], [91, 102, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #962626, #B04329, #E6BC7A, #998340, #5B6645 is ideal for: corporate websites, product showcases, portfolios. 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: #962626; --color-2: #b04329; --color-3: #e6bc7a; --color-4: #998340; --color-5: #5b6645. 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. 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