← Back to Editor

#E6AB00 · #9B9377 · #EB0022 · #583700 · #003B64

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E6AB00

Ochre · Orange · Honey Gold

HEX
#E6AB00
RGB
rgb(230, 171, 0)
HSL
hsl(45, 100%, 45%)
HSB
hsb(45, 100%, 90%)
CMYK
cmyk(0%, 26%, 100%, 10%)
Oklch
oklch(77.5% 0.159 83.6)

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

#9B9377

Ginger · Gray · Sunflower

HEX
#9B9377
RGB
rgb(155, 147, 119)
HSL
hsl(47, 15%, 54%)
HSB
hsb(47, 23%, 61%)
CMYK
cmyk(0%, 5%, 23%, 39%)
Oklch
oklch(66.3% 0.041 94.0)

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

#EB0022

Vermilion · Crimson · Passion Red

HEX
#EB0022
RGB
rgb(235, 0, 34)
HSL
hsl(351, 100%, 46%)
HSB
hsb(351, 100%, 92%)
CMYK
cmyk(0%, 100%, 86%, 8%)
Oklch
oklch(59.2% 0.240 25.9)

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

#583700

Ochre · Maroon · Cinnamon

HEX
#583700
RGB
rgb(88, 55, 0)
HSL
hsl(38, 100%, 17%)
HSB
hsb(38, 100%, 35%)
CMYK
cmyk(0%, 37%, 100%, 65%)
Oklch
oklch(36.7% 0.079 72.2)

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

#003B64

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#003B64
RGB
rgb(0, 59, 100)
HSL
hsl(205, 100%, 20%)
HSB
hsb(205, 100%, 39%)
CMYK
cmyk(100%, 41%, 0%, 61%)
Oklch
oklch(34.3% 0.090 246.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6AB00
0039E6

Analogous

E63900
E6AB00
ACE600

Triadic

E6AB00
00E6AC
AC00E6

Split-Comp.

E6AB00
00ACE6
3900E6

Tetradic

E6AB00
00E639
0039E6
E600AC

Contrast Matrix WCAG 2.1 Contrast

E6AB00
9B9377
EB0022
583700
003B64
—
1.5
Fail
2.2
Fail
5.2
AA
5.6
AA
1.5
Fail
—
1.5
Fail
3.5
AA Large
3.8
AA Large
2.2
Fail
1.5
Fail
—
2.3
Fail
2.5
Fail
5.2
AA
3.5
AA Large
2.3
Fail
—
1.1
Fail
5.6
AA
3.8
AA Large
2.5
Fail
1.1
Fail
—
White BG
2.1Fail
3.1AA Large
4.6AA
10.7AAA
11.6AAA
Black BG
10.2AAA
6.8AA
4.6AA
2.0Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCC29
98977E
85831A
4A490D
1A1A5A

Deuteranopia

D0D433
98997F
93A518
4C4E11
161258

Tritanopia

E34A51
9B8384
DF1312
56181A
035251

Achromatopsia

A9A9A9
929292
4A4A4A
3B3B3B
2E2E2E

Shades & Tints Shades & Tints

#E6AB00

Dark
Light

#9B9377

Dark
Light

#EB0022

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ab00;
  --color-2: #9b9377;
  --color-3: #eb0022;
  --color-4: #583700;
  --color-5: #003b64;
}

SCSS

$color-1: #e6ab00;
$color-2: #9b9377;
$color-3: #eb0022;
$color-4: #583700;
$color-5: #003b64;

TAILWIND

colors: {
  'brand-1': '#e6ab00',
  'brand-2': '#9b9377',
  'brand-3': '#eb0022',
  'brand-4': '#583700',
  'brand-5': '#003b64',
}

RGB Array

[230, 171, 0], [155, 147, 119], [235, 0, 34], [88, 55, 0], [0, 59, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6AB00, #9B9377, #EB0022, #583700, #003B64 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e6ab00; --color-2: #9b9377; --color-3: #eb0022; --color-4: #583700; --color-5: #003b64. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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