← Back to Editor

#DC762C · #040603 · #684434 · #DFC7A1 · #493D3D

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 LibraryData Visualization

Color Details Color Details

#DC762C

Tangerine · Chocolate · Warm Sun

HEX
#DC762C
RGB
rgb(220, 118, 44)
HSL
hsl(25, 72%, 52%)
HSB
hsb(25, 80%, 86%)
CMYK
cmyk(0%, 46%, 80%, 14%)
Oklch
oklch(67.0% 0.152 52.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#040603

Celadon · Black · Dark Green

HEX
#040603
RGB
rgb(4, 6, 3)
HSL
hsl(100, 33%, 2%)
HSB
hsb(100, 50%, 2%)
CMYK
cmyk(33%, 0%, 50%, 98%)
Oklch
oklch(11.7% 0.012 133.9)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#684434

Tangerine · DarkOliveGreen · Amber Brown

HEX
#684434
RGB
rgb(104, 68, 52)
HSL
hsl(18, 33%, 31%)
HSB
hsb(18, 50%, 41%)
CMYK
cmyk(0%, 35%, 50%, 59%)
Oklch
oklch(42.3% 0.056 44.7)

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

#DFC7A1

Goose Yellow · BurlyWood · Warm Sun

HEX
#DFC7A1
RGB
rgb(223, 199, 161)
HSL
hsl(37, 49%, 75%)
HSB
hsb(37, 28%, 87%)
CMYK
cmyk(0%, 11%, 28%, 13%)
Oklch
oklch(84.0% 0.057 79.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#493D3D

Crimson · DarkSlateGray · Charcoal

HEX
#493D3D
RGB
rgb(73, 61, 61)
HSL
hsl(0, 9%, 26%)
HSB
hsb(0, 16%, 29%)
CMYK
cmyk(0%, 16%, 16%, 71%)
Oklch
oklch(37.3% 0.017 17.9)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC762C
2C93DD

Analogous

DD2C3B
DC762C
DDCE2C

Triadic

DC762C
2CDD76
762CDD

Split-Comp.

DC762C
2CDDCE
2C3BDD

Tetradic

DC762C
3BDD2C
2C93DD
CE2CDD

Contrast Matrix WCAG 2.1 Contrast

DC762C
040603
684434
DFC7A1
493D3D
—
6.5
AA
2.7
Fail
1.9
Fail
3.3
AA Large
6.5
AA
—
2.4
Fail
12.4
AAA
2.0
Fail
2.7
Fail
2.4
Fail
—
5.2
AA
1.2
Fail
1.9
Fail
12.4
AAA
5.2
AA
—
6.4
AA
3.3
AA Large
2.0
Fail
1.2
Fail
6.4
AA
—
White BG
3.1AA Large
20.3AAA
8.5AAA
1.6Fail
10.4AAA
Black BG
6.7AA
1.0Fail
2.5Fail
12.8AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0AF3E
050504
585838
D5D4AA
44443D

Deuteranopia

B6BD42
050504
5B5D39
D6D8AC
45453D

Tritanopia

D74C4F
040404
663B3C
DEB1B3
483D3D

Achromatopsia

8C8C8C
050505
4D4D4D
CACACA
414141

Shades & Tints Shades & Tints

#DC762C

Dark
Light

#040603

Dark
Light

#684434

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc762c;
  --color-2: #040603;
  --color-3: #684434;
  --color-4: #dfc7a1;
  --color-5: #493d3d;
}

SCSS

$color-1: #dc762c;
$color-2: #040603;
$color-3: #684434;
$color-4: #dfc7a1;
$color-5: #493d3d;

TAILWIND

colors: {
  'brand-1': '#dc762c',
  'brand-2': '#040603',
  'brand-3': '#684434',
  'brand-4': '#dfc7a1',
  'brand-5': '#493d3d',
}

RGB Array

[220, 118, 44], [4, 6, 3], [104, 68, 52], [223, 199, 161], [73, 61, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC762C, #040603, #684434, #DFC7A1, #493D3D 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: #dc762c; --color-2: #040603; --color-3: #684434; --color-4: #dfc7a1; --color-5: #493d3d. 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