← Back to Editor

#703C28 · #612D0E · #411D09 · #000000 · #3E423D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#703C28

Tangerine · Sienna · Amber Brown

HEX
#703C28
RGB
rgb(112, 60, 40)
HSL
hsl(17, 47%, 30%)
HSB
hsb(17, 64%, 44%)
CMYK
cmyk(0%, 46%, 64%, 56%)
Oklch
oklch(41.7% 0.080 41.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#612D0E

Tangerine · Maroon · Cinnamon

HEX
#612D0E
RGB
rgb(97, 45, 14)
HSL
hsl(22, 75%, 22%)
HSB
hsb(22, 86%, 38%)
CMYK
cmyk(0%, 54%, 86%, 62%)
Oklch
oklch(36.2% 0.086 47.8)

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

#411D09

Tangerine · Maroon · Cinnamon

HEX
#411D09
RGB
rgb(65, 29, 9)
HSL
hsl(21, 76%, 15%)
HSB
hsb(21, 86%, 25%)
CMYK
cmyk(0%, 55%, 86%, 75%)
Oklch
oklch(27.8% 0.064 47.1)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

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

#3E423D

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3E423D
RGB
rgb(62, 66, 61)
HSL
hsl(108, 4%, 25%)
HSB
hsb(108, 8%, 26%)
CMYK
cmyk(6%, 0%, 8%, 74%)
Oklch
oklch(37.4% 0.010 139.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

703C28
295C70

Analogous

702938
703C28
706129

Triadic

703C28
29703D
3D2970

Split-Comp.

703C28
297061
293870

Tetradic

703C28
387029
295C70
612970

Contrast Matrix WCAG 2.1 Contrast

703C28
612D0E
411D09
000000
3E423D
—
1.3
Fail
1.7
Fail
2.4
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
1.9
Fail
1.1
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
1.5
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
2.1
Fail
1.2
Fail
1.1
Fail
1.5
Fail
2.1
Fail
—
White BG
8.9AAA
11.1AAA
15.0AAA
21.0AAA
10.2AAA
Black BG
2.4Fail
1.9Fail
1.4Fail
1.0Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

59592D
4A4A16
31310E
000000
40403E

Deuteranopia

5D602E
4E5117
34360F
000000
403F3F

Tritanopia

6D3132
5E1B1D
3F1213
000000
3E3F3F

Achromatopsia

494949
393939
252525
000000
404040

Shades & Tints Shades & Tints

#703C28

Dark
Light

#612D0E

Dark
Light

#411D09

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #703c28;
  --color-2: #612d0e;
  --color-3: #411d09;
  --color-4: #000000;
  --color-5: #3e423d;
}

SCSS

$color-1: #703c28;
$color-2: #612d0e;
$color-3: #411d09;
$color-4: #000000;
$color-5: #3e423d;

TAILWIND

colors: {
  'brand-1': '#703c28',
  'brand-2': '#612d0e',
  'brand-3': '#411d09',
  'brand-4': '#000000',
  'brand-5': '#3e423d',
}

RGB Array

[112, 60, 40], [97, 45, 14], [65, 29, 9], [0, 0, 0], [62, 66, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #703C28, #612D0E, #411D09, #000000, #3E423D 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: #703c28; --color-2: #612d0e; --color-3: #411d09; --color-4: #000000; --color-5: #3e423d. 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