← Back to Editor

#440909 · #5C3838 · #873635 · #B99056 · #FF8336

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

#440909

Vermilion · Maroon · Deep Berry

HEX
#440909
RGB
rgb(68, 9, 9)
HSL
hsl(0, 77%, 15%)
HSB
hsb(0, 87%, 27%)
CMYK
cmyk(0%, 87%, 87%, 73%)
Oklch
oklch(25.4% 0.089 26.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#5C3838

Crimson · DarkOliveGreen · Wine Red

HEX
#5C3838
RGB
rgb(92, 56, 56)
HSL
hsl(0, 24%, 29%)
HSB
hsb(0, 39%, 36%)
CMYK
cmyk(0%, 39%, 39%, 64%)
Oklch
oklch(38.4% 0.052 19.7)

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

#873635

Crimson · Brown · Wine Red

HEX
#873635
RGB
rgb(135, 54, 53)
HSL
hsl(1, 44%, 37%)
HSB
hsb(1, 61%, 53%)
CMYK
cmyk(0%, 60%, 61%, 47%)
Oklch
oklch(44.5% 0.112 23.4)

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

#B99056

Ginger · DarkSalmon · Warm Sun

HEX
#B99056
RGB
rgb(185, 144, 86)
HSL
hsl(35, 41%, 53%)
HSB
hsb(35, 54%, 73%)
CMYK
cmyk(0%, 22%, 54%, 27%)
Oklch
oklch(67.9% 0.090 74.9)

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

#FF8336

Apricot · Coral · Warm Sun

HEX
#FF8336
RGB
rgb(255, 131, 54)
HSL
hsl(23, 100%, 61%)
HSB
hsb(23, 79%, 100%)
CMYK
cmyk(0%, 49%, 79%, 0%)
Oklch
oklch(73.9% 0.174 48.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

440909
094444

Analogous

440926
440909
442609

Triadic

440909
094409
090944

Split-Comp.

440909
094426
092644

Tetradic

440909
264409
094444
260944

Contrast Matrix WCAG 2.1 Contrast

440909
5C3838
873635
B99056
FF8336
—
1.6
Fail
2.0
Fail
5.6
AA
6.6
AA
1.6
Fail
—
1.3
Fail
3.5
AA Large
4.1
AA Large
2.0
Fail
1.3
Fail
—
2.8
Fail
3.3
AA Large
5.6
AA
3.5
AA Large
2.8
Fail
—
1.2
Fail
6.6
AA
4.1
AA Large
3.3
AA Large
1.2
Fail
—
White BG
16.3AAA
10.1AAA
8.0AAA
2.9Fail
2.5Fail
Black BG
1.3Fail
2.1Fail
2.6Fail
7.2AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A09
4C4C38
646335
A7A764
C9C849

Deuteranopia

2E3209
4F5138
696F35
AAAD67
D1DA4D

Tritanopia

410909
5A3838
833535
B76F72
F9575B

Achromatopsia

1B1B1B
434343
4E4E4E
969696
9F9F9F

Shades & Tints Shades & Tints

#440909

Dark
Light

#5C3838

Dark
Light

#873635

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #440909;
  --color-2: #5c3838;
  --color-3: #873635;
  --color-4: #b99056;
  --color-5: #ff8336;
}

SCSS

$color-1: #440909;
$color-2: #5c3838;
$color-3: #873635;
$color-4: #b99056;
$color-5: #ff8336;

TAILWIND

colors: {
  'brand-1': '#440909',
  'brand-2': '#5c3838',
  'brand-3': '#873635',
  'brand-4': '#b99056',
  'brand-5': '#ff8336',
}

RGB Array

[68, 9, 9], [92, 56, 56], [135, 54, 53], [185, 144, 86], [255, 131, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #440909, #5C3838, #873635, #B99056, #FF8336 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: #440909; --color-2: #5c3838; --color-3: #873635; --color-4: #b99056; --color-5: #ff8336. 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