← Back to Editor

#EBC861 · #FAE295 · #C96E5C · #9A1729 · #632D0D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EBC861

Ginger · SandyBrown · Sunflower

HEX
#EBC861
RGB
rgb(235, 200, 97)
HSL
hsl(45, 78%, 65%)
HSB
hsb(45, 59%, 92%)
CMYK
cmyk(0%, 15%, 59%, 8%)
Oklch
oklch(84.3% 0.128 90.7)

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

#FAE295

Goose Yellow · Khaki · Lemon Cream

HEX
#FAE295
RGB
rgb(250, 226, 149)
HSL
hsl(46, 91%, 78%)
HSB
hsb(46, 40%, 98%)
CMYK
cmyk(0%, 10%, 40%, 2%)
Oklch
oklch(91.5% 0.100 92.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C96E5C

Crimson · LightCoral · Passion Red

HEX
#C96E5C
RGB
rgb(201, 110, 92)
HSL
hsl(10, 50%, 57%)
HSB
hsb(10, 54%, 79%)
CMYK
cmyk(0%, 45%, 54%, 21%)
Oklch
oklch(63.7% 0.119 32.3)

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

#9A1729

Vermilion · Brown · Wine Red

HEX
#9A1729
RGB
rgb(154, 23, 41)
HSL
hsl(352, 74%, 35%)
HSB
hsb(352, 85%, 60%)
CMYK
cmyk(0%, 85%, 73%, 40%)
Oklch
oklch(44.5% 0.164 21.0)

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

#632D0D

Tangerine · Maroon · Cinnamon

HEX
#632D0D
RGB
rgb(99, 45, 13)
HSL
hsl(22, 77%, 22%)
HSB
hsb(22, 87%, 39%)
CMYK
cmyk(0%, 55%, 87%, 61%)
Oklch
oklch(36.6% 0.089 47.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBC861
6083EB

Analogous

EB8360
EBC861
C9EB60

Triadic

EBC861
60EBC9
C960EB

Split-Comp.

EBC861
60C9EB
8360EB

Tetradic

EBC861
60EB83
6083EB
EB60C9

Contrast Matrix WCAG 2.1 Contrast

EBC861
FAE295
C96E5C
9A1729
632D0D
—
1.3
Fail
2.2
Fail
5.1
AA
6.8
AA
1.3
Fail
—
2.8
Fail
6.5
AA
8.6
AAA
2.2
Fail
2.8
Fail
—
2.3
Fail
3.1
AA Large
5.1
AA
6.5
AA
2.3
Fail
—
1.3
Fail
6.8
AA
8.6
AAA
3.1
AA Large
1.3
Fail
—
White BG
1.6Fail
1.3Fail
3.6AA Large
8.3AAA
11.0AAA
Black BG
13.0AAA
16.4AAA
5.9AA
2.5Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC7A
F0EFA8
A2A160
616025
4C4B15

Deuteranopia

DEE180
F1F3AC
A7AE61
697324
4F5317

Tritanopia

E98E92
F9B6BA
C46465
932120
601B1C

Achromatopsia

C7C7C7
E0E0E0
878787
404040
393939

Shades & Tints Shades & Tints

#EBC861

Dark
Light

#FAE295

Dark
Light

#C96E5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebc861;
  --color-2: #fae295;
  --color-3: #c96e5c;
  --color-4: #9a1729;
  --color-5: #632d0d;
}

SCSS

$color-1: #ebc861;
$color-2: #fae295;
$color-3: #c96e5c;
$color-4: #9a1729;
$color-5: #632d0d;

TAILWIND

colors: {
  'brand-1': '#ebc861',
  'brand-2': '#fae295',
  'brand-3': '#c96e5c',
  'brand-4': '#9a1729',
  'brand-5': '#632d0d',
}

RGB Array

[235, 200, 97], [250, 226, 149], [201, 110, 92], [154, 23, 41], [99, 45, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBC861, #FAE295, #C96E5C, #9A1729, #632D0D is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ebc861; --color-2: #fae295; --color-3: #c96e5c; --color-4: #9a1729; --color-5: #632d0d. 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 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