← Back to Editor

#C49D66 · #85522A · #871F16 · #184034 · #0A0F09

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

#C49D66

Ginger · DarkSalmon · Warm Sun

HEX
#C49D66
RGB
rgb(196, 157, 102)
HSL
hsl(35, 44%, 58%)
HSB
hsb(35, 48%, 77%)
CMYK
cmyk(0%, 20%, 48%, 23%)
Oklch
oklch(71.9% 0.086 75.2)

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

#85522A

Tangerine · Sienna · Amber Brown

HEX
#85522A
RGB
rgb(133, 82, 42)
HSL
hsl(26, 52%, 34%)
HSB
hsb(26, 68%, 52%)
CMYK
cmyk(0%, 38%, 68%, 48%)
Oklch
oklch(48.8% 0.087 56.8)

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

#871F16

Vermilion · Brown · Wine Red

HEX
#871F16
RGB
rgb(135, 31, 22)
HSL
hsl(5, 72%, 31%)
HSB
hsb(5, 84%, 53%)
CMYK
cmyk(0%, 77%, 84%, 47%)
Oklch
oklch(41.2% 0.141 29.4)

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

#184034

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#184034
RGB
rgb(24, 64, 52)
HSL
hsl(162, 45%, 17%)
HSB
hsb(162, 63%, 25%)
CMYK
cmyk(63%, 0%, 19%, 75%)
Oklch
oklch(33.9% 0.050 170.8)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#0A0F09

Celadon · Black · Dark Green

HEX
#0A0F09
RGB
rgb(10, 15, 9)
HSL
hsl(110, 25%, 5%)
HSB
hsb(110, 40%, 6%)
CMYK
cmyk(33%, 0%, 40%, 94%)
Oklch
oklch(16.1% 0.015 140.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C49D66
658CC3

Analogous

C36D65
C49D66
BBC365

Triadic

C49D66
65C39C
9C65C3

Split-Comp.

C49D66
65BBC3
6D65C3

Tetradic

C49D66
65C36D
658CC3
C365BB

Contrast Matrix WCAG 2.1 Contrast

C49D66
85522A
871F16
184034
0A0F09
—
2.6
Fail
3.7
AA Large
4.6
AA
7.7
AAA
2.6
Fail
—
1.4
Fail
1.8
Fail
3.0
Fail
3.7
AA Large
1.4
Fail
—
1.2
Fail
2.1
Fail
4.6
AA
1.8
Fail
1.2
Fail
—
1.7
Fail
7.7
AAA
3.0
Fail
2.1
Fail
1.7
Fail
—
White BG
2.5Fail
6.5AA
9.4AAA
11.5AAA
19.4AAA
Black BG
8.4AAA
3.2AA Large
2.2Fail
1.8Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B373
6F6E34
5A5918
292A37
0C0C0A

Deuteranopia

B5B877
727636
606819
272438
0C0C0B

Tritanopia

C27E80
823B3D
821A1A
1A393A
0A0C0C

Achromatopsia

A2A2A2
5D5D5D
3D3D3D
333333
0D0D0D

Shades & Tints Shades & Tints

#C49D66

Dark
Light

#85522A

Dark
Light

#871F16

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c49d66;
  --color-2: #85522a;
  --color-3: #871f16;
  --color-4: #184034;
  --color-5: #0a0f09;
}

SCSS

$color-1: #c49d66;
$color-2: #85522a;
$color-3: #871f16;
$color-4: #184034;
$color-5: #0a0f09;

TAILWIND

colors: {
  'brand-1': '#c49d66',
  'brand-2': '#85522a',
  'brand-3': '#871f16',
  'brand-4': '#184034',
  'brand-5': '#0a0f09',
}

RGB Array

[196, 157, 102], [133, 82, 42], [135, 31, 22], [24, 64, 52], [10, 15, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C49D66, #85522A, #871F16, #184034, #0A0F09 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: #c49d66; --color-2: #85522a; --color-3: #871f16; --color-4: #184034; --color-5: #0a0f09. 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