← Back to Editor

#C0A66B · #9B7834 · #48180E · #0C0D0F · #63666F

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

#C0A66B

Ginger · Tan · Sunflower

HEX
#C0A66B
RGB
rgb(192, 166, 107)
HSL
hsl(42, 40%, 59%)
HSB
hsb(42, 44%, 75%)
CMYK
cmyk(0%, 14%, 44%, 25%)
Oklch
oklch(73.5% 0.083 86.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#9B7834

Ochre · Sienna · Honey Gold

HEX
#9B7834
RGB
rgb(155, 120, 52)
HSL
hsl(40, 50%, 41%)
HSB
hsb(40, 66%, 61%)
CMYK
cmyk(0%, 23%, 66%, 39%)
Oklch
oklch(59.3% 0.096 81.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#48180E

Vermilion · Maroon · Deep Berry

HEX
#48180E
RGB
rgb(72, 24, 14)
HSL
hsl(10, 67%, 17%)
HSB
hsb(10, 81%, 28%)
CMYK
cmyk(0%, 67%, 81%, 72%)
Oklch
oklch(28.3% 0.076 33.5)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#0C0D0F

Indigo · Black · Deep Sea Blue

HEX
#0C0D0F
RGB
rgb(12, 13, 15)
HSL
hsl(220, 11%, 5%)
HSB
hsb(220, 20%, 6%)
CMYK
cmyk(20%, 13%, 0%, 94%)
Oklch
oklch(15.9% 0.005 264.4)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#63666F

Ink Gray · DimGray · Warm Gray

HEX
#63666F
RGB
rgb(99, 102, 111)
HSL
hsl(225, 6%, 41%)
HSB
hsb(225, 11%, 44%)
CMYK
cmyk(11%, 8%, 0%, 56%)
Oklch
oklch(51.1% 0.015 271.1)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0A66B
6D86C0

Analogous

C07D6D
C0A66B
B0C06D

Triadic

C0A66B
6DC0A7
A76DC0

Split-Comp.

C0A66B
6DB0C0
7D6DC0

Tetradic

C0A66B
6DC07D
6D86C0
C06DB0

Contrast Matrix WCAG 2.1 Contrast

C0A66B
9B7834
48180E
0C0D0F
63666F
—
1.7
Fail
6.3
AA
8.2
AAA
2.4
Fail
1.7
Fail
—
3.6
AA Large
4.7
AA
1.4
Fail
6.3
AA
3.6
AA Large
—
1.3
Fail
2.6
Fail
8.2
AAA
4.7
AA
1.3
Fail
—
3.4
AA Large
2.4
Fail
1.4
Fail
2.6
Fail
3.4
AA Large
—
White BG
2.4Fail
4.1AA Large
14.9AAA
19.4AAA
5.7AA
Black BG
8.9AAA
5.1AA
1.4Fail
1.1Fail
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B579
8C8C44
333310
0C0C0F
64646D

Deuteranopia

B6B87D
8E9148
363A11
0C0C0E
64646C

Tritanopia

BF8587
995154
461213
0C0E0E
636B6B

Achromatopsia

A7A7A7
7B7B7B
252525
0D0D0D
666666

Shades & Tints Shades & Tints

#C0A66B

Dark
Light

#9B7834

Dark
Light

#48180E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0a66b;
  --color-2: #9b7834;
  --color-3: #48180e;
  --color-4: #0c0d0f;
  --color-5: #63666f;
}

SCSS

$color-1: #c0a66b;
$color-2: #9b7834;
$color-3: #48180e;
$color-4: #0c0d0f;
$color-5: #63666f;

TAILWIND

colors: {
  'brand-1': '#c0a66b',
  'brand-2': '#9b7834',
  'brand-3': '#48180e',
  'brand-4': '#0c0d0f',
  'brand-5': '#63666f',
}

RGB Array

[192, 166, 107], [155, 120, 52], [72, 24, 14], [12, 13, 15], [99, 102, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0A66B, #9B7834, #48180E, #0C0D0F, #63666F 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: #c0a66b; --color-2: #9b7834; --color-3: #48180e; --color-4: #0c0d0f; --color-5: #63666f. 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