#780606 + #0F0C0B + #646B39 + #0A071C + #190E1C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#780606

Vermilion · Maroon · Wine Red

HEX

#780606

RGB

rgb(120, 6, 6)

HSL

hsl(0, 90%, 25%)

HSB

hsb(0, 95%, 47%)

CMYK

cmyk(0%, 95%, 95%, 53%)

Oklch

oklch(36.3% 0.144 28.5)

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

#0F0C0B

Tangerine · Black · Cinnamon

HEX

#0F0C0B

RGB

rgb(15, 12, 11)

HSL

hsl(15, 15%, 5%)

HSB

hsb(15, 27%, 6%)

CMYK

cmyk(0%, 20%, 27%, 94%)

Oklch

oklch(15.8% 0.006 39.3)

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

#646B39

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#646B39

RGB

rgb(100, 107, 57)

HSL

hsl(68, 30%, 32%)

HSB

hsb(68, 47%, 42%)

CMYK

cmyk(7%, 0%, 47%, 58%)

Oklch

oklch(50.9% 0.072 115.6)

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

#0A071C

Deep Indigo · Black · Deep Sea Blue

HEX

#0A071C

RGB

rgb(10, 7, 28)

HSL

hsl(249, 60%, 7%)

HSB

hsb(249, 75%, 11%)

CMYK

cmyk(64%, 75%, 0%, 89%)

Oklch

oklch(14.8% 0.044 286.8)

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

#190E1C

Dark Plum · Black · Dark Purple

HEX

#190E1C

RGB

rgb(25, 14, 28)

HSL

hsl(287, 33%, 8%)

HSB

hsb(287, 50%, 11%)

CMYK

cmyk(11%, 50%, 0%, 89%)

Oklch

oklch(18.6% 0.032 318.9)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

780606

067979

Analogous

790640

780606

794006

Triadic

780606

067906

060679

Split-Comp.

780606

067940

064079

Tetradic

780606

407906

067979

400679

Contrast Matrix WCAG 2.1 Contrast

780606	0F0C0B	646B39	0A071C	190E1C
—	1.7 Fail	2.0 Fail	1.7 Fail	1.6 Fail
1.7 Fail	—	3.4 AA Large	1.0 Fail	1.0 Fail
2.0 Fail	3.4 AA Large	—	3.5 AA Large	3.3 AA Large
1.7 Fail	1.0 Fail	3.5 AA Large	—	1.1 Fail
1.6 Fail	1.0 Fail	3.3 AA Large	1.1 Fail	—

White BG

11.5AAA

19.5AAA

5.7AA

19.8AAA

18.7AAA

Black BG

1.8Fail

1.1Fail

3.7AA Large

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

474606

0E0E0B

676745

090917

141419

Deuteranopia

4D5606

0E0E0B

676648

090916

151618

Tritanopia

720606

0F0B0B

644F51

0A1312

181615

Achromatopsia

282828

0D0D0D

636363

0A0A0A

131313

Shades & Tints Shades & Tints

#780606

Dark

Light

#0F0C0B

Dark

Light

#646B39

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #780606;
  --color-2: #0f0c0b;
  --color-3: #646b39;
  --color-4: #0a071c;
  --color-5: #190e1c;
}

SCSS

$color-1: #780606;
$color-2: #0f0c0b;
$color-3: #646b39;
$color-4: #0a071c;
$color-5: #190e1c;

TAILWIND

colors: {
  'brand-1': '#780606',
  'brand-2': '#0f0c0b',
  'brand-3': '#646b39',
  'brand-4': '#0a071c',
  'brand-5': '#190e1c',
}

RGB Array

[120, 6, 6], [15, 12, 11], [100, 107, 57], [10, 7, 28], [25, 14, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #780606, #0F0C0B, #646B39, #0A071C, #190E1C 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: #780606; --color-2: #0f0c0b; --color-3: #646b39; --color-4: #0a071c; --color-5: #190e1c. 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