← Back to Editor

#C74C00 · #E87517 · #EB9331 · #DEC5B1 · #A4B9BA

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

#C74C00

Tangerine · Chocolate · Amber Brown

HEX
#C74C00
RGB
rgb(199, 76, 0)
HSL
hsl(23, 100%, 39%)
HSB
hsb(23, 100%, 78%)
CMYK
cmyk(0%, 62%, 100%, 22%)
Oklch
oklch(57.5% 0.171 42.8)

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

#E87517

Tangerine · Chocolate · Amber Brown

HEX
#E87517
RGB
rgb(232, 117, 23)
HSL
hsl(27, 82%, 50%)
HSB
hsb(27, 90%, 91%)
CMYK
cmyk(0%, 50%, 90%, 9%)
Oklch
oklch(68.4% 0.169 51.9)

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

#EB9331

Ginger · GoldenRod · Warm Sun

HEX
#EB9331
RGB
rgb(235, 147, 49)
HSL
hsl(32, 82%, 56%)
HSB
hsb(32, 79%, 92%)
CMYK
cmyk(0%, 37%, 79%, 8%)
Oklch
oklch(73.9% 0.150 63.6)

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

#DEC5B1

Apricot · Silver · Peach Orange

HEX
#DEC5B1
RGB
rgb(222, 197, 177)
HSL
hsl(27, 41%, 78%)
HSB
hsb(27, 20%, 87%)
CMYK
cmyk(0%, 11%, 20%, 13%)
Oklch
oklch(83.9% 0.039 60.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A4B9BA

Sky Blue · DarkGray · Lake Green

HEX
#A4B9BA
RGB
rgb(164, 185, 186)
HSL
hsl(183, 14%, 69%)
HSB
hsb(183, 12%, 73%)
CMYK
cmyk(12%, 1%, 0%, 27%)
Oklch
oklch(77.0% 0.023 200.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C74C00
007BC7

Analogous

C70017
C74C00
C7B000

Triadic

C74C00
00C74C
4C00C7

Split-Comp.

C74C00
00C7B0
0017C7

Tetradic

C74C00
17C700
007BC7
B000C7

Contrast Matrix WCAG 2.1 Contrast

C74C00
E87517
EB9331
DEC5B1
A4B9BA
—
1.6
Fail
2.0
Fail
2.9
Fail
2.3
Fail
1.6
Fail
—
1.3
Fail
1.8
Fail
1.5
Fail
2.0
Fail
1.3
Fail
—
1.5
Fail
1.2
Fail
2.9
Fail
1.8
Fail
1.5
Fail
—
1.2
Fail
2.3
Fail
1.5
Fail
1.2
Fail
1.2
Fail
—
White BG
4.7AA
3.0AA Large
2.4Fail
1.6Fail
2.1Fail
Black BG
4.5AA Large
7.0AA
8.8AAA
12.7AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

929112
B6B52E
C5C449
D3D3B6
ADADBA

Deuteranopia

99A217
BDC533
CAD14E
D5D6B7
ACAABA

Tritanopia

C12124
E24044
E75B60
DDBABB
A5BABA

Achromatopsia

686868
8D8D8D
A2A2A2
CACACA
B3B3B3

Shades & Tints Shades & Tints

#C74C00

Dark
Light

#E87517

Dark
Light

#EB9331

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c74c00;
  --color-2: #e87517;
  --color-3: #eb9331;
  --color-4: #dec5b1;
  --color-5: #a4b9ba;
}

SCSS

$color-1: #c74c00;
$color-2: #e87517;
$color-3: #eb9331;
$color-4: #dec5b1;
$color-5: #a4b9ba;

TAILWIND

colors: {
  'brand-1': '#c74c00',
  'brand-2': '#e87517',
  'brand-3': '#eb9331',
  'brand-4': '#dec5b1',
  'brand-5': '#a4b9ba',
}

RGB Array

[199, 76, 0], [232, 117, 23], [235, 147, 49], [222, 197, 177], [164, 185, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C74C00, #E87517, #EB9331, #DEC5B1, #A4B9BA 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: #c74c00; --color-2: #e87517; --color-3: #eb9331; --color-4: #dec5b1; --color-5: #a4b9ba. 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