← Back to Editor

#070707 · #DC0503 · #854F4F · #DBA76D · #3B4345

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

#070707

Ink Black · Black · Jet Black

HEX
#070707
RGB
rgb(7, 7, 7)
HSL
hsl(0, 0%, 3%)
HSB
hsb(0, 0%, 3%)
CMYK
cmyk(0%, 0%, 0%, 97%)
Oklch
oklch(12.9% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#DC0503

Vermilion · Red · Passion Red

HEX
#DC0503
RGB
rgb(220, 5, 3)
HSL
hsl(1, 97%, 44%)
HSB
hsb(1, 99%, 86%)
CMYK
cmyk(0%, 98%, 99%, 14%)
Oklch
oklch(56.3% 0.229 29.2)

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

#854F4F

Crimson · Sienna · Passion Red

HEX
#854F4F
RGB
rgb(133, 79, 79)
HSL
hsl(0, 25%, 42%)
HSB
hsb(0, 41%, 52%)
CMYK
cmyk(0%, 41%, 41%, 48%)
Oklch
oklch(49.0% 0.073 20.0)

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

#DBA76D

Ginger · DarkSalmon · Warm Sun

HEX
#DBA76D
RGB
rgb(219, 167, 109)
HSL
hsl(32, 60%, 64%)
HSB
hsb(32, 50%, 86%)
CMYK
cmyk(0%, 24%, 50%, 14%)
Oklch
oklch(76.4% 0.097 68.6)

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

#3B4345

Slate Blue · DarkSlateGray · Dark Stone

HEX
#3B4345
RGB
rgb(59, 67, 69)
HSL
hsl(192, 8%, 25%)
HSB
hsb(192, 14%, 27%)
CMYK
cmyk(14%, 3%, 0%, 73%)
Oklch
oklch(37.6% 0.011 214.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

070707
080808

Analogous

080808
070707
080808

Triadic

070707
080808
080808

Split-Comp.

070707
080808
080808

Tetradic

070707
080808
080808
080808

Contrast Matrix WCAG 2.1 Contrast

070707
DC0503
854F4F
DBA76D
3B4345
—
3.9
AA Large
3.1
AA Large
9.4
AAA
2.0
Fail
3.9
AA Large
—
1.3
Fail
2.4
Fail
2.0
Fail
3.1
AA Large
1.3
Fail
—
3.0
AA Large
1.6
Fail
9.4
AAA
2.4
Fail
3.0
AA Large
—
4.7
AA
2.0
Fail
2.0
Fail
1.6
Fail
4.7
AA
—
White BG
20.1AAA
5.2AA
6.5AA
2.2Fail
10.1AAA
Black BG
1.0Fail
4.1AA Large
3.2AA Large
9.8AAA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

070707
7F7D03
6E6D4F
C4C47B
3E3F45

Deuteranopia

070707
8B9C04
71754F
C8CB7E
3E3D44

Tritanopia

070707
D10404
824F4F
D88689
3B4444

Achromatopsia

070707
454545
5F5F5F
B0B0B0
414141

Shades & Tints Shades & Tints

#070707

Dark
Light

#DC0503

Dark
Light

#854F4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #070707;
  --color-2: #dc0503;
  --color-3: #854f4f;
  --color-4: #dba76d;
  --color-5: #3b4345;
}

SCSS

$color-1: #070707;
$color-2: #dc0503;
$color-3: #854f4f;
$color-4: #dba76d;
$color-5: #3b4345;

TAILWIND

colors: {
  'brand-1': '#070707',
  'brand-2': '#dc0503',
  'brand-3': '#854f4f',
  'brand-4': '#dba76d',
  'brand-5': '#3b4345',
}

RGB Array

[7, 7, 7], [220, 5, 3], [133, 79, 79], [219, 167, 109], [59, 67, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #070707, #DC0503, #854F4F, #DBA76D, #3B4345 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: #070707; --color-2: #dc0503; --color-3: #854f4f; --color-4: #dba76d; --color-5: #3b4345. 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