← Back to Editor

#DC9B3A · #CC6600 · #EBEABD · #637762 · #ACB584

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

#DC9B3A

Ginger · GoldenRod · Warm Sun

HEX
#DC9B3A
RGB
rgb(220, 155, 58)
HSL
hsl(36, 70%, 55%)
HSB
hsb(36, 74%, 86%)
CMYK
cmyk(0%, 30%, 74%, 14%)
Oklch
oklch(73.6% 0.134 73.3)

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

#CC6600

Ochre · Chocolate · Amber Brown

HEX
#CC6600
RGB
rgb(204, 102, 0)
HSL
hsl(30, 100%, 40%)
HSB
hsb(30, 100%, 80%)
CMYK
cmyk(0%, 50%, 100%, 20%)
Oklch
oklch(62.0% 0.156 53.5)

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

#EBEABD

Fresh Green · Wheat · Lemon Cream

HEX
#EBEABD
RGB
rgb(235, 234, 189)
HSL
hsl(59, 53%, 83%)
HSB
hsb(59, 20%, 92%)
CMYK
cmyk(0%, 0%, 20%, 8%)
Oklch
oklch(92.7% 0.059 106.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#637762

Celadon · DimGray · Olive Green

HEX
#637762
RGB
rgb(99, 119, 98)
HSL
hsl(117, 10%, 43%)
HSB
hsb(117, 18%, 47%)
CMYK
cmyk(17%, 0%, 18%, 53%)
Oklch
oklch(54.7% 0.040 143.8)

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

#ACB584

Willow Green · DarkSeaGreen · Apple Green

HEX
#ACB584
RGB
rgb(172, 181, 132)
HSL
hsl(71, 25%, 61%)
HSB
hsb(71, 27%, 71%)
CMYK
cmyk(5%, 0%, 27%, 29%)
Oklch
oklch(75.4% 0.068 116.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC9B3A
3C7CDD

Analogous

DD4C3C
DC9B3A
CDDD3C

Triadic

DC9B3A
3CDD9C
9C3CDD

Split-Comp.

DC9B3A
3CCDDD
4C3CDD

Tetradic

DC9B3A
3CDD4C
3C7CDD
DD3CCD

Contrast Matrix WCAG 2.1 Contrast

DC9B3A
CC6600
EBEABD
637762
ACB584
—
1.6
Fail
1.9
Fail
2.0
Fail
1.1
Fail
1.6
Fail
—
3.1
AA Large
1.3
Fail
1.8
Fail
1.9
Fail
3.1
AA Large
—
3.9
AA Large
1.8
Fail
2.0
Fail
1.3
Fail
3.9
AA Large
—
2.2
Fail
1.1
Fail
1.8
Fail
1.8
Fail
2.2
Fail
—
White BG
2.4Fail
3.8AA Large
1.2Fail
4.8AA
2.2Fail
Black BG
8.8AAA
5.5AA
17.0AAA
4.3AA Large
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF51
A09F19
EBEBC8
6C6C67
B0B090

Deuteranopia

C4C957
A6AD1F
EBEBCB
6B6968
AFAF93

Tritanopia

D96468
C72C30
EBD0D2
646B6C
AC999B

Achromatopsia

A3A3A3
797979
E5E5E5
6F6F6F
ADADAD

Shades & Tints Shades & Tints

#DC9B3A

Dark
Light

#CC6600

Dark
Light

#EBEABD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc9b3a;
  --color-2: #cc6600;
  --color-3: #ebeabd;
  --color-4: #637762;
  --color-5: #acb584;
}

SCSS

$color-1: #dc9b3a;
$color-2: #cc6600;
$color-3: #ebeabd;
$color-4: #637762;
$color-5: #acb584;

TAILWIND

colors: {
  'brand-1': '#dc9b3a',
  'brand-2': '#cc6600',
  'brand-3': '#ebeabd',
  'brand-4': '#637762',
  'brand-5': '#acb584',
}

RGB Array

[220, 155, 58], [204, 102, 0], [235, 234, 189], [99, 119, 98], [172, 181, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC9B3A, #CC6600, #EBEABD, #637762, #ACB584 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: #dc9b3a; --color-2: #cc6600; --color-3: #ebeabd; --color-4: #637762; --color-5: #acb584. 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