← Back to Editor

#C89262 · #EFA738 · #E96900 · #DF425D · #602E54

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 App

Color Details Color Details

#C89262

Tangerine · DarkSalmon · Warm Sun

HEX
#C89262
RGB
rgb(200, 146, 98)
HSL
hsl(28, 48%, 58%)
HSB
hsb(28, 51%, 78%)
CMYK
cmyk(0%, 27%, 51%, 22%)
Oklch
oklch(70.2% 0.091 62.1)

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

#EFA738

Ginger · GoldenRod · Warm Sun

HEX
#EFA738
RGB
rgb(239, 167, 56)
HSL
hsl(36, 85%, 58%)
HSB
hsb(36, 77%, 94%)
CMYK
cmyk(0%, 30%, 77%, 6%)
Oklch
oklch(78.0% 0.147 73.4)

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

#E96900

Tangerine · Chocolate · Amber Brown

HEX
#E96900
RGB
rgb(233, 105, 0)
HSL
hsl(27, 100%, 46%)
HSB
hsb(27, 100%, 91%)
CMYK
cmyk(0%, 55%, 100%, 9%)
Oklch
oklch(66.7% 0.181 48.1)

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

#DF425D

Vermilion · Tomato · Passion Red

HEX
#DF425D
RGB
rgb(223, 66, 93)
HSL
hsl(350, 71%, 57%)
HSB
hsb(350, 70%, 87%)
CMYK
cmyk(0%, 70%, 58%, 13%)
Oklch
oklch(61.3% 0.193 15.2)

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

#602E54

Rose Purple · DarkSlateGray · Eggplant

HEX
#602E54
RGB
rgb(96, 46, 84)
HSL
hsl(314, 35%, 28%)
HSB
hsb(314, 52%, 38%)
CMYK
cmyk(0%, 52%, 13%, 62%)
Oklch
oklch(38.2% 0.090 337.0)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C89262
6097C7

Analogous

C76064
C89262
C7C460

Triadic

C89262
60C790
9060C7

Split-Comp.

C89262
60C7C4
6064C7

Tetradic

C89262
64C760
6097C7
C460C7

Contrast Matrix WCAG 2.1 Contrast

C89262
EFA738
E96900
DF425D
602E54
—
1.3
Fail
1.2
Fail
1.5
Fail
3.8
AA Large
1.3
Fail
—
1.6
Fail
2.0
Fail
5.1
AA
1.2
Fail
1.6
Fail
—
1.3
Fail
3.2
AA Large
1.5
Fail
2.0
Fail
1.3
Fail
—
2.5
Fail
3.8
AA Large
5.1
AA
3.2
AA Large
2.5
Fail
—
White BG
2.7Fail
2.0Fail
3.2AA Large
4.1AA Large
10.4AAA
Black BG
7.7AAA
10.3AAA
6.5AA
5.1AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B06E
D0CF53
B2B019
9B9A56
4A4A4B

Deuteranopia

B4B870
D4D959
B9C320
A4B055
4D5149

Tritanopia

C57779
EB686D
E32D32
D75150
5D4442

Achromatopsia

9D9D9D
B0B0B0
838383
747474
414141

Shades & Tints Shades & Tints

#C89262

Dark
Light

#EFA738

Dark
Light

#E96900

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c89262;
  --color-2: #efa738;
  --color-3: #e96900;
  --color-4: #df425d;
  --color-5: #602e54;
}

SCSS

$color-1: #c89262;
$color-2: #efa738;
$color-3: #e96900;
$color-4: #df425d;
$color-5: #602e54;

TAILWIND

colors: {
  'brand-1': '#c89262',
  'brand-2': '#efa738',
  'brand-3': '#e96900',
  'brand-4': '#df425d',
  'brand-5': '#602e54',
}

RGB Array

[200, 146, 98], [239, 167, 56], [233, 105, 0], [223, 66, 93], [96, 46, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C89262, #EFA738, #E96900, #DF425D, #602E54 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #c89262; --color-2: #efa738; --color-3: #e96900; --color-4: #df425d; --color-5: #602e54. 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. 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