← Back to Editor

#EBCE72 · #F1B530 · #C78624 · #593C2A · #9DA16E

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

#EBCE72

Ginger · BurlyWood · Sunflower

HEX
#EBCE72
RGB
rgb(235, 206, 114)
HSL
hsl(46, 75%, 68%)
HSB
hsb(46, 51%, 92%)
CMYK
cmyk(0%, 12%, 51%, 8%)
Oklch
oklch(85.7% 0.117 92.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F1B530

Ginger · GoldenRod · Sunflower

HEX
#F1B530
RGB
rgb(241, 181, 48)
HSL
hsl(41, 87%, 57%)
HSB
hsb(41, 80%, 95%)
CMYK
cmyk(0%, 25%, 80%, 5%)
Oklch
oklch(80.8% 0.154 82.1)

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

#C78624

Ochre · DarkGoldenRod · Amber Brown

HEX
#C78624
RGB
rgb(199, 134, 36)
HSL
hsl(36, 69%, 46%)
HSB
hsb(36, 82%, 78%)
CMYK
cmyk(0%, 33%, 82%, 22%)
Oklch
oklch(67.1% 0.132 71.7)

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

#593C2A

Tangerine · DarkOliveGreen · Amber Brown

HEX
#593C2A
RGB
rgb(89, 60, 42)
HSL
hsl(23, 36%, 26%)
HSB
hsb(23, 53%, 35%)
CMYK
cmyk(0%, 33%, 53%, 65%)
Oklch
oklch(38.5% 0.050 52.5)

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

#9DA16E

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#9DA16E
RGB
rgb(157, 161, 110)
HSL
hsl(65, 21%, 53%)
HSB
hsb(65, 32%, 63%)
CMYK
cmyk(2%, 0%, 32%, 37%)
Oklch
oklch(69.3% 0.070 111.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBCE72
708DEB

Analogous

EB9170
EBCE72
CAEB70

Triadic

EBCE72
70EBCE
CE70EB

Split-Comp.

EBCE72
70CAEB
9170EB

Tetradic

EBCE72
70EB91
708DEB
EB70CA

Contrast Matrix WCAG 2.1 Contrast

EBCE72
F1B530
C78624
593C2A
9DA16E
—
1.2
Fail
2.0
Fail
6.5
AA
1.8
Fail
1.2
Fail
—
1.7
Fail
5.4
AA
1.5
Fail
2.0
Fail
1.7
Fail
—
3.3
AA Large
1.1
Fail
6.5
AA
5.4
AA
3.3
AA Large
—
3.7
AA Large
1.8
Fail
1.5
Fail
1.1
Fail
3.7
AA Large
—
White BG
1.5Fail
1.8Fail
3.1AA Large
10.0AAA
2.7Fail
Black BG
13.6AAA
11.4AAA
6.9AA
2.1Fail
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDE88
D7D650
ABAA3C
4C4C2E
9F9F7A

Deuteranopia

E0E28E
DBDF58
AFB341
4E502F
9F9E7D

Tritanopia

EA9A9E
EE6A6F
C44E53
583233
9D8486

Achromatopsia

CCCCCC
B8B8B8
8E8E8E
434343
9A9A9A

Shades & Tints Shades & Tints

#EBCE72

Dark
Light

#F1B530

Dark
Light

#C78624

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebce72;
  --color-2: #f1b530;
  --color-3: #c78624;
  --color-4: #593c2a;
  --color-5: #9da16e;
}

SCSS

$color-1: #ebce72;
$color-2: #f1b530;
$color-3: #c78624;
$color-4: #593c2a;
$color-5: #9da16e;

TAILWIND

colors: {
  'brand-1': '#ebce72',
  'brand-2': '#f1b530',
  'brand-3': '#c78624',
  'brand-4': '#593c2a',
  'brand-5': '#9da16e',
}

RGB Array

[235, 206, 114], [241, 181, 48], [199, 134, 36], [89, 60, 42], [157, 161, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBCE72, #F1B530, #C78624, #593C2A, #9DA16E 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: #ebce72; --color-2: #f1b530; --color-3: #c78624; --color-4: #593c2a; --color-5: #9da16e. 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