← Back to Editor

#3C4D4D · #290B09 · #8A4032 · #DE3737 · #4D4D45

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

#3C4D4D

Slate Blue · DarkSlateGray · Mint Ice

HEX
#3C4D4D
RGB
rgb(60, 77, 77)
HSL
hsl(180, 12%, 27%)
HSB
hsb(180, 22%, 30%)
CMYK
cmyk(22%, 0%, 0%, 70%)
Oklch
oklch(40.6% 0.021 196.3)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#290B09

Vermilion · Black · Deep Berry

HEX
#290B09
RGB
rgb(41, 11, 9)
HSL
hsl(4, 64%, 10%)
HSB
hsb(4, 78%, 16%)
CMYK
cmyk(0%, 73%, 78%, 84%)
Oklch
oklch(20.0% 0.051 26.5)

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

#8A4032

Crimson · Sienna · Wine Red

HEX
#8A4032
RGB
rgb(138, 64, 50)
HSL
hsl(10, 47%, 37%)
HSB
hsb(10, 64%, 54%)
CMYK
cmyk(0%, 54%, 64%, 46%)
Oklch
oklch(46.5% 0.104 32.2)

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

#DE3737

Vermilion · Crimson · Passion Red

HEX
#DE3737
RGB
rgb(222, 55, 55)
HSL
hsl(0, 72%, 54%)
HSB
hsb(0, 75%, 87%)
CMYK
cmyk(0%, 75%, 75%, 13%)
Oklch
oklch(59.5% 0.204 26.0)

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

#4D4D45

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4D4D45
RGB
rgb(77, 77, 69)
HSL
hsl(60, 5%, 29%)
HSB
hsb(60, 10%, 30%)
CMYK
cmyk(0%, 0%, 10%, 70%)
Oklch
oklch(41.8% 0.013 106.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C4D4D
4D3D3D

Analogous

3D4D45
3C4D4D
3D454D

Triadic

3C4D4D
4D3D4D
4D4D3D

Split-Comp.

3C4D4D
4D3D45
4D453D

Tetradic

3C4D4D
453D4D
4D3D3D
454D3D

Contrast Matrix WCAG 2.1 Contrast

3C4D4D
290B09
8A4032
DE3737
4D4D45
—
2.1
Fail
1.2
Fail
2.0
Fail
1.0
Fail
2.1
Fail
—
2.5
Fail
4.1
AA Large
2.1
Fail
1.2
Fail
2.5
Fail
—
1.6
Fail
1.2
Fail
2.0
Fail
4.1
AA Large
1.6
Fail
—
1.9
Fail
1.0
Fail
2.1
Fail
1.2
Fail
1.9
Fail
—
White BG
8.9AAA
18.3AAA
7.3AAA
4.5AA Large
8.5AAA
Black BG
2.4Fail
1.1Fail
2.9Fail
4.7AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

43444D
1C1C09
6A6935
969437
4D4D47

Deuteranopia

42414D
1E200A
6E7436
9FAC37
4D4D47

Tritanopia

3D4D4D
270A0A
863839
D63737
4D4849

Achromatopsia

484848
141414
555555
696969
4C4C4C

Shades & Tints Shades & Tints

#3C4D4D

Dark
Light

#290B09

Dark
Light

#8A4032

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c4d4d;
  --color-2: #290b09;
  --color-3: #8a4032;
  --color-4: #de3737;
  --color-5: #4d4d45;
}

SCSS

$color-1: #3c4d4d;
$color-2: #290b09;
$color-3: #8a4032;
$color-4: #de3737;
$color-5: #4d4d45;

TAILWIND

colors: {
  'brand-1': '#3c4d4d',
  'brand-2': '#290b09',
  'brand-3': '#8a4032',
  'brand-4': '#de3737',
  'brand-5': '#4d4d45',
}

RGB Array

[60, 77, 77], [41, 11, 9], [138, 64, 50], [222, 55, 55], [77, 77, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3C4D4D, #290B09, #8A4032, #DE3737, #4D4D45 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: #3c4d4d; --color-2: #290b09; --color-3: #8a4032; --color-4: #de3737; --color-5: #4d4d45. 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