← Back to Editor

#DE8F26 · #826137 · #4D473E · #182136 · #070729

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

#DE8F26

Ginger · GoldenRod · Warm Sun

HEX
#DE8F26
RGB
rgb(222, 143, 38)
HSL
hsl(34, 74%, 51%)
HSB
hsb(34, 83%, 87%)
CMYK
cmyk(0%, 36%, 83%, 13%)
Oklch
oklch(71.5% 0.146 67.7)

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

#826137

Ochre · Sienna · Amber Brown

HEX
#826137
RGB
rgb(130, 97, 55)
HSL
hsl(34, 41%, 36%)
HSB
hsb(34, 58%, 51%)
CMYK
cmyk(0%, 25%, 58%, 49%)
Oklch
oklch(51.7% 0.072 71.7)

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

#4D473E

Ochre · DarkSlateGray · Amber Brown

HEX
#4D473E
RGB
rgb(77, 71, 62)
HSL
hsl(36, 11%, 27%)
HSB
hsb(36, 19%, 30%)
CMYK
cmyk(0%, 8%, 19%, 70%)
Oklch
oklch(40.1% 0.017 78.1)

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

#182136

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#182136
RGB
rgb(24, 33, 54)
HSL
hsl(222, 38%, 15%)
HSB
hsb(222, 56%, 21%)
CMYK
cmyk(56%, 39%, 0%, 79%)
Oklch
oklch(25.0% 0.042 265.8)

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

#070729

Deep Indigo · Black · Deep Sea Blue

HEX
#070729
RGB
rgb(7, 7, 41)
HSL
hsl(240, 71%, 9%)
HSB
hsb(240, 83%, 16%)
CMYK
cmyk(83%, 83%, 0%, 84%)
Oklch
oklch(15.9% 0.068 275.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE8F26
2676DF

Analogous

DF3226
DE8F26
D2DF26

Triadic

DE8F26
26DF8E
8E26DF

Split-Comp.

DE8F26
26D2DF
3226DF

Tetradic

DE8F26
26DF32
2676DF
DF26D2

Contrast Matrix WCAG 2.1 Contrast

DE8F26
826137
4D473E
182136
070729
—
2.2
Fail
3.5
AA Large
6.2
AA
7.5
AAA
2.2
Fail
—
1.6
Fail
2.8
Fail
3.5
AA Large
3.5
AA Large
1.6
Fail
—
1.7
Fail
2.1
Fail
6.2
AA
2.8
Fail
1.7
Fail
—
1.2
Fail
7.5
AAA
3.5
AA Large
2.1
Fail
1.2
Fail
—
White BG
2.6Fail
5.7AA
9.2AAA
16.0AAA
19.6AAA
Black BG
8.1AAA
3.7AA Large
2.3Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB3F
747341
4A4A40
1C1C31
070721

Deuteranopia

C0C646
767844
4B4B41
1B1B30
07071F

Tritanopia

DA5358
80494B
4D4242
182D2C
071A19

Achromatopsia

9B9B9B
666666
484848
212121
0B0B0B

Shades & Tints Shades & Tints

#DE8F26

Dark
Light

#826137

Dark
Light

#4D473E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de8f26;
  --color-2: #826137;
  --color-3: #4d473e;
  --color-4: #182136;
  --color-5: #070729;
}

SCSS

$color-1: #de8f26;
$color-2: #826137;
$color-3: #4d473e;
$color-4: #182136;
$color-5: #070729;

TAILWIND

colors: {
  'brand-1': '#de8f26',
  'brand-2': '#826137',
  'brand-3': '#4d473e',
  'brand-4': '#182136',
  'brand-5': '#070729',
}

RGB Array

[222, 143, 38], [130, 97, 55], [77, 71, 62], [24, 33, 54], [7, 7, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE8F26, #826137, #4D473E, #182136, #070729 is ideal for: tech websites, dark mode UIs, game UIs, 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: #de8f26; --color-2: #826137; --color-3: #4d473e; --color-4: #182136; --color-5: #070729. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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