← Back to Editor

#120F16 · #DB6037 · #CDB673 · #98936B · #6F715C

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

#120F16

Deep Indigo · Black · Dark Purple

HEX
#120F16
RGB
rgb(18, 15, 22)
HSL
hsl(266, 19%, 7%)
HSB
hsb(266, 32%, 9%)
CMYK
cmyk(18%, 32%, 0%, 91%)
Oklch
oklch(17.5% 0.015 304.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#DB6037

Tangerine · Chocolate · Warm Sun

HEX
#DB6037
RGB
rgb(219, 96, 55)
HSL
hsl(15, 69%, 54%)
HSB
hsb(15, 75%, 86%)
CMYK
cmyk(0%, 56%, 75%, 14%)
Oklch
oklch(63.6% 0.164 38.5)

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

#CDB673

Ginger · Tan · Sunflower

HEX
#CDB673
RGB
rgb(205, 182, 115)
HSL
hsl(45, 47%, 63%)
HSB
hsb(45, 44%, 80%)
CMYK
cmyk(0%, 11%, 44%, 20%)
Oklch
oklch(78.1% 0.090 91.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#98936B

Autumn Sage · Gray · Sunflower

HEX
#98936B
RGB
rgb(152, 147, 107)
HSL
hsl(53, 18%, 51%)
HSB
hsb(53, 30%, 60%)
CMYK
cmyk(0%, 3%, 30%, 40%)
Oklch
oklch(65.7% 0.056 101.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#6F715C

Autumn Sage · DimGray · Honey Gold

HEX
#6F715C
RGB
rgb(111, 113, 92)
HSL
hsl(66, 10%, 40%)
HSB
hsb(66, 19%, 44%)
CMYK
cmyk(2%, 0%, 19%, 56%)
Oklch
oklch(54.1% 0.032 111.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

120F16
12150E

Analogous

0E0F15
120F16
150E15

Triadic

120F16
15110E
0E1511

Split-Comp.

120F16
15150E
0F150E

Tetradic

120F16
150E0F
12150E
0E1515

Contrast Matrix WCAG 2.1 Contrast

120F16
DB6037
CDB673
98936B
6F715C
—
5.2
AA
9.5
AAA
6.1
AA
3.8
AA Large
5.2
AA
—
1.8
Fail
1.2
Fail
1.4
Fail
9.5
AAA
1.8
Fail
—
1.6
Fail
2.5
Fail
6.1
AA
1.2
Fail
1.6
Fail
—
1.6
Fail
3.8
AA Large
1.4
Fail
2.5
Fail
1.6
Fail
—
White BG
19.0AAA
3.7AA Large
2.0Fail
3.1AA Large
5.0AA
Black BG
1.1Fail
5.7AA
10.5AAA
6.7AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

111114
A6A541
C3C383
969675
707061

Deuteranopia

111114
ADB643
C4C687
969777
707062

Tritanopia

121313
D5494A
CC9093
987C7E
6F6566

Achromatopsia

111111
808080
B5B5B5
909090
6E6E6E

Shades & Tints Shades & Tints

#120F16

Dark
Light

#DB6037

Dark
Light

#CDB673

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #120f16;
  --color-2: #db6037;
  --color-3: #cdb673;
  --color-4: #98936b;
  --color-5: #6f715c;
}

SCSS

$color-1: #120f16;
$color-2: #db6037;
$color-3: #cdb673;
$color-4: #98936b;
$color-5: #6f715c;

TAILWIND

colors: {
  'brand-1': '#120f16',
  'brand-2': '#db6037',
  'brand-3': '#cdb673',
  'brand-4': '#98936b',
  'brand-5': '#6f715c',
}

RGB Array

[18, 15, 22], [219, 96, 55], [205, 182, 115], [152, 147, 107], [111, 113, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #120F16, #DB6037, #CDB673, #98936B, #6F715C is ideal for: 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: #120f16; --color-2: #db6037; --color-3: #cdb673; --color-4: #98936b; --color-5: #6f715c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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