← Back to Editor

#64817D · #3B4543 · #41322C · #381F1F · #8A0F12

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#64817D

Mineral Blue · SlateGray · Mint Ice

HEX
#64817D
RGB
rgb(100, 129, 125)
HSL
hsl(172, 13%, 45%)
HSB
hsb(172, 22%, 51%)
CMYK
cmyk(22%, 0%, 3%, 49%)
Oklch
oklch(58.0% 0.034 185.9)

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

#3B4543

Mineral Blue · DarkSlateGray · Dark Stone

HEX
#3B4543
RGB
rgb(59, 69, 67)
HSL
hsl(168, 8%, 25%)
HSB
hsb(168, 14%, 27%)
CMYK
cmyk(14%, 0%, 3%, 73%)
Oklch
oklch(38.1% 0.013 182.2)

Traditional「Mineral Blue」· Paint「Dark Stone」· Creative Midnight Shadow

#41322C

Tangerine · DarkSlateGray · Cinnamon

HEX
#41322C
RGB
rgb(65, 50, 44)
HSL
hsl(17, 19%, 21%)
HSB
hsb(17, 32%, 25%)
CMYK
cmyk(0%, 23%, 32%, 75%)
Oklch
oklch(33.2% 0.024 42.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#381F1F

Crimson · DarkSlateGray · Deep Berry

HEX
#381F1F
RGB
rgb(56, 31, 31)
HSL
hsl(0, 29%, 17%)
HSB
hsb(0, 45%, 22%)
CMYK
cmyk(0%, 45%, 45%, 78%)
Oklch
oklch(27.2% 0.039 19.9)

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

#8A0F12

Vermilion · DarkRed · Wine Red

HEX
#8A0F12
RGB
rgb(138, 15, 18)
HSL
hsl(359, 80%, 30%)
HSB
hsb(359, 89%, 54%)
CMYK
cmyk(0%, 89%, 87%, 46%)
Oklch
oklch(40.6% 0.155 27.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

64817D
826468

Analogous

64826F
64817D
647782

Triadic

64817D
7E6482
827E64

Split-Comp.

64817D
826477
826F64

Tetradic

64817D
6F6482
826468
778264

Contrast Matrix WCAG 2.1 Contrast

64817D
3B4543
41322C
381F1F
8A0F12
—
2.4
Fail
2.9
Fail
3.6
AA Large
2.3
Fail
2.4
Fail
—
1.2
Fail
1.5
Fail
1.0
Fail
2.9
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
3.6
AA Large
1.5
Fail
1.2
Fail
—
1.6
Fail
2.3
Fail
1.0
Fail
1.3
Fail
1.6
Fail
—
White BG
4.2AA Large
9.9AAA
12.2AAA
15.2AAA
9.7AAA
Black BG
5.0AA
2.1Fail
1.7Fail
1.4Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

71717E
3F3F43
3B3A2D
2D2D1F
555411

Deuteranopia

6F6D7E
3F3E44
3B3D2E
2F301F
5C6511

Tritanopia

657F7F
3C4444
402F2F
371F1F
841111

Achromatopsia

787878
424242
363636
262626
343434

Shades & Tints Shades & Tints

#64817D

Dark
Light

#3B4543

Dark
Light

#41322C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #64817d;
  --color-2: #3b4543;
  --color-3: #41322c;
  --color-4: #381f1f;
  --color-5: #8a0f12;
}

SCSS

$color-1: #64817d;
$color-2: #3b4543;
$color-3: #41322c;
$color-4: #381f1f;
$color-5: #8a0f12;

TAILWIND

colors: {
  'brand-1': '#64817d',
  'brand-2': '#3b4543',
  'brand-3': '#41322c',
  'brand-4': '#381f1f',
  'brand-5': '#8a0f12',
}

RGB Array

[100, 129, 125], [59, 69, 67], [65, 50, 44], [56, 31, 31], [138, 15, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #64817D, #3B4543, #41322C, #381F1F, #8A0F12 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #64817d; --color-2: #3b4543; --color-3: #41322c; --color-4: #381f1f; --color-5: #8a0f12. 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. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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