#641919 + #643D19 + #644C19 + #645B19 + #19645B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#641919

Crimson · Maroon · Wine Red

HEX

#641919

RGB

rgb(100, 25, 25)

HSL

hsl(0, 60%, 25%)

HSB

hsb(0, 75%, 39%)

CMYK

cmyk(0%, 75%, 75%, 61%)

Oklch

oklch(33.9% 0.107 25.0)

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

#643D19

Tangerine · DarkOliveGreen · Cinnamon

HEX

#643D19

RGB

rgb(100, 61, 25)

HSL

hsl(29, 60%, 25%)

HSB

hsb(29, 75%, 39%)

CMYK

cmyk(0%, 39%, 75%, 61%)

Oklch

oklch(39.9% 0.074 60.6)

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

#644C19

Ochre · DarkOliveGreen · Amber Gold

HEX

#644C19

RGB

rgb(100, 76, 25)

HSL

hsl(41, 60%, 25%)

HSB

hsb(41, 75%, 39%)

CMYK

cmyk(0%, 24%, 75%, 61%)

Oklch

oklch(43.2% 0.074 83.0)

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

#645B19

Autumn Sage · DarkOliveGreen · Amber Gold

HEX

#645B19

RGB

rgb(100, 91, 25)

HSL

hsl(53, 60%, 25%)

HSB

hsb(53, 75%, 39%)

CMYK

cmyk(0%, 9%, 75%, 61%)

Oklch

oklch(46.7% 0.085 101.4)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#19645B

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#19645B

RGB

rgb(25, 100, 91)

HSL

hsl(173, 60%, 25%)

HSB

hsb(173, 75%, 39%)

CMYK

cmyk(75%, 0%, 9%, 61%)

Oklch

oklch(45.6% 0.072 183.3)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

641919

1A6666

Analogous

661A40

641919

66401A

Triadic

641919

1A661A

1A1A66

Split-Comp.

641919

1A6640

1A4066

Tetradic

641919

40661A

1A6666

401A66

Contrast Matrix WCAG 2.1 Contrast

641919	643D19	644C19	645B19	19645B
—	1.3 Fail	1.5 Fail	1.8 Fail	1.8 Fail
1.3 Fail	—	1.2 Fail	1.4 Fail	1.4 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.2 Fail
1.8 Fail	1.4 Fail	1.2 Fail	—	1.0 Fail
1.8 Fail	1.4 Fail	1.2 Fail	1.0 Fail	—

White BG

12.4AAA

9.4AAA

8.1AAA

6.9AA

7.0AA

Black BG

1.7Fail

2.2Fail

2.6Fail

3.1AA Large

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

444319

535322

5A5925

606029

393A5D

Deuteranopia

484E19

555824

5B5D28

61612D

35305E

Tritanopia

601919

62292A

632F31

643638

1D5F5F

Achromatopsia

2F2F2F

454545

4D4D4D

565656

4D4D4D

Shades & Tints Shades & Tints

#641919

Dark

Light

#643D19

Dark

Light

#644C19

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #641919;
  --color-2: #643d19;
  --color-3: #644c19;
  --color-4: #645b19;
  --color-5: #19645b;
}

SCSS

$color-1: #641919;
$color-2: #643d19;
$color-3: #644c19;
$color-4: #645b19;
$color-5: #19645b;

TAILWIND

colors: {
  'brand-1': '#641919',
  'brand-2': '#643d19',
  'brand-3': '#644c19',
  'brand-4': '#645b19',
  'brand-5': '#19645b',
}

RGB Array

[100, 25, 25], [100, 61, 25], [100, 76, 25], [100, 91, 25], [25, 100, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #641919, #643D19, #644C19, #645B19, #19645B is ideal for: tech websites, dark mode UIs, game UIs. 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: #641919; --color-2: #643d19; --color-3: #644c19; --color-4: #645b19; --color-5: #19645b. 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 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