← Back to Editor

#EBAA44 · #CC9044 · #9A6744 · #663C44 · #331144

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

#EBAA44

Ginger · SandyBrown · Warm Sun

HEX
#EBAA44
RGB
rgb(235, 170, 68)
HSL
hsl(37, 81%, 59%)
HSB
hsb(37, 71%, 92%)
CMYK
cmyk(0%, 28%, 71%, 8%)
Oklch
oklch(78.2% 0.138 75.1)

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

#CC9044

Ginger · GoldenRod · Warm Sun

HEX
#CC9044
RGB
rgb(204, 144, 68)
HSL
hsl(34, 57%, 53%)
HSB
hsb(34, 67%, 80%)
CMYK
cmyk(0%, 29%, 67%, 20%)
Oklch
oklch(69.8% 0.117 70.1)

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

#9A6744

Tangerine · Sienna · Amber Brown

HEX
#9A6744
RGB
rgb(154, 103, 68)
HSL
hsl(24, 39%, 44%)
HSB
hsb(24, 56%, 60%)
CMYK
cmyk(0%, 33%, 56%, 40%)
Oklch
oklch(56.0% 0.082 54.7)

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

#663C44

Crimson · DarkOliveGreen · Wine Red

HEX
#663C44
RGB
rgb(102, 60, 68)
HSL
hsl(349, 26%, 32%)
HSB
hsb(349, 41%, 40%)
CMYK
cmyk(0%, 41%, 33%, 60%)
Oklch
oklch(40.9% 0.060 7.7)

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

#331144

Royal Purple · MidnightBlue · Dark Purple

HEX
#331144
RGB
rgb(51, 17, 68)
HSL
hsl(280, 60%, 17%)
HSB
hsb(280, 75%, 27%)
CMYK
cmyk(25%, 75%, 0%, 73%)
Oklch
oklch(26.0% 0.095 312.3)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBAA44
4283EB

Analogous

EB5642
EBAA44
D7EB42

Triadic

EBAA44
42EBAA
AA42EB

Split-Comp.

EBAA44
42D7EB
5642EB

Tetradic

EBAA44
42EB56
4283EB
EB42D7

Contrast Matrix WCAG 2.1 Contrast

EBAA44
CC9044
9A6744
663C44
331144
—
1.4
Fail
2.4
Fail
4.5
AA
7.9
AAA
1.4
Fail
—
1.7
Fail
3.3
AA Large
5.9
AA
2.4
Fail
1.7
Fail
—
1.9
Fail
3.4
AA Large
4.5
AA
3.3
AA Large
1.9
Fail
—
1.8
Fail
7.9
AAA
5.9
AA
3.4
AA Large
1.8
Fail
—
White BG
2.0Fail
2.7Fail
4.8AA
9.2AAA
16.1AAA
Black BG
10.4AAA
7.6AAA
4.4AA Large
2.3Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCE5D
B2B156
84834C
545342
242438

Deuteranopia

D3D863
B6BA5B
878B4F
565942
262935

Tritanopia

E87074
C96568
975355
644140
312E2C

Achromatopsia

B2B2B2
999999
727272
494949
212121

Shades & Tints Shades & Tints

#EBAA44

Dark
Light

#CC9044

Dark
Light

#9A6744

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebaa44;
  --color-2: #cc9044;
  --color-3: #9a6744;
  --color-4: #663c44;
  --color-5: #331144;
}

SCSS

$color-1: #ebaa44;
$color-2: #cc9044;
$color-3: #9a6744;
$color-4: #663c44;
$color-5: #331144;

TAILWIND

colors: {
  'brand-1': '#ebaa44',
  'brand-2': '#cc9044',
  'brand-3': '#9a6744',
  'brand-4': '#663c44',
  'brand-5': '#331144',
}

RGB Array

[235, 170, 68], [204, 144, 68], [154, 103, 68], [102, 60, 68], [51, 17, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBAA44, #CC9044, #9A6744, #663C44, #331144 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: #ebaa44; --color-2: #cc9044; --color-3: #9a6744; --color-4: #663c44; --color-5: #331144. 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