← Back to Editor

#280C00 · #A4A16A · #CF9420 · #9D7A20 · #80635B

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

#280C00

Tangerine · Black · Cinnamon

HEX
#280C00
RGB
rgb(40, 12, 0)
HSL
hsl(18, 100%, 8%)
HSB
hsb(18, 100%, 16%)
CMYK
cmyk(0%, 70%, 100%, 84%)
Oklch
oklch(19.8% 0.054 48.1)

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

#A4A16A

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A4A16A
RGB
rgb(164, 161, 106)
HSL
hsl(57, 24%, 53%)
HSB
hsb(57, 35%, 64%)
CMYK
cmyk(0%, 2%, 35%, 36%)
Oklch
oklch(69.8% 0.074 105.5)

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

#CF9420

Ochre · GoldenRod · Honey Gold

HEX
#CF9420
RGB
rgb(207, 148, 32)
HSL
hsl(40, 73%, 47%)
HSB
hsb(40, 85%, 81%)
CMYK
cmyk(0%, 29%, 85%, 19%)
Oklch
oklch(70.6% 0.139 78.2)

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

#9D7A20

Ochre · DarkGoldenRod · Honey Gold

HEX
#9D7A20
RGB
rgb(157, 122, 32)
HSL
hsl(43, 66%, 37%)
HSB
hsb(43, 80%, 62%)
CMYK
cmyk(0%, 22%, 80%, 38%)
Oklch
oklch(59.8% 0.111 86.0)

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

#80635B

Crimson · DimGray · Passion Red

HEX
#80635B
RGB
rgb(128, 99, 91)
HSL
hsl(13, 17%, 43%)
HSB
hsb(13, 29%, 50%)
CMYK
cmyk(0%, 23%, 29%, 50%)
Oklch
oklch(52.6% 0.040 35.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

280C00
001D29

Analogous

290008
280C00
292100

Triadic

280C00
00290C
0C0029

Split-Comp.

280C00
002921
000829

Tetradic

280C00
082900
001D29
210029

Contrast Matrix WCAG 2.1 Contrast

280C00
A4A16A
CF9420
9D7A20
80635B
—
6.9
AA
6.9
AA
4.6
AA
3.4
AA Large
6.9
AA
—
1.0
Fail
1.5
Fail
2.0
Fail
6.9
AA
1.0
Fail
—
1.5
Fail
2.1
Fail
4.6
AA
1.5
Fail
1.5
Fail
—
1.4
Fail
3.4
AA Large
2.0
Fail
2.1
Fail
1.4
Fail
—
White BG
18.4AAA
2.7Fail
2.7Fail
4.0AA Large
5.4AA
Black BG
1.1Fail
7.9AAA
7.9AAA
5.2AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C03
A3A377
B5B53C
8E8E36
73735D

Deuteranopia

1E2004
A3A37A
B9BD43
90933B
75775D

Tritanopia

270506
A48284
CC5257
9B474B
7F5E5F

Achromatopsia

131313
9C9C9C
989898
7A7A7A
6B6B6B

Shades & Tints Shades & Tints

#280C00

Dark
Light

#A4A16A

Dark
Light

#CF9420

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #280c00;
  --color-2: #a4a16a;
  --color-3: #cf9420;
  --color-4: #9d7a20;
  --color-5: #80635b;
}

SCSS

$color-1: #280c00;
$color-2: #a4a16a;
$color-3: #cf9420;
$color-4: #9d7a20;
$color-5: #80635b;

TAILWIND

colors: {
  'brand-1': '#280c00',
  'brand-2': '#a4a16a',
  'brand-3': '#cf9420',
  'brand-4': '#9d7a20',
  'brand-5': '#80635b',
}

RGB Array

[40, 12, 0], [164, 161, 106], [207, 148, 32], [157, 122, 32], [128, 99, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #280C00, #A4A16A, #CF9420, #9D7A20, #80635B 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: #280c00; --color-2: #a4a16a; --color-3: #cf9420; --color-4: #9d7a20; --color-5: #80635b. 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