← Back to Editor

#D46114 · #FFEF98 · #D7BC55 · #D45D09 · #821005

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

#D46114

Tangerine · Chocolate · Amber Brown

HEX
#D46114
RGB
rgb(212, 97, 20)
HSL
hsl(24, 83%, 45%)
HSB
hsb(24, 91%, 83%)
CMYK
cmyk(0%, 54%, 91%, 17%)
Oklch
oklch(62.5% 0.165 47.3)

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

#FFEF98

Fresh Green · Khaki · Lemon Cream

HEX
#FFEF98
RGB
rgb(255, 239, 152)
HSL
hsl(51, 100%, 80%)
HSB
hsb(51, 40%, 100%)
CMYK
cmyk(0%, 6%, 40%, 0%)
Oklch
oklch(94.6% 0.109 99.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D7BC55

Ginger · SandyBrown · Sunflower

HEX
#D7BC55
RGB
rgb(215, 188, 85)
HSL
hsl(48, 62%, 59%)
HSB
hsb(48, 60%, 84%)
CMYK
cmyk(0%, 13%, 60%, 16%)
Oklch
oklch(79.9% 0.126 94.7)

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

#D45D09

Tangerine · Chocolate · Amber Brown

HEX
#D45D09
RGB
rgb(212, 93, 9)
HSL
hsl(25, 92%, 43%)
HSB
hsb(25, 96%, 83%)
CMYK
cmyk(0%, 56%, 96%, 17%)
Oklch
oklch(61.9% 0.169 46.6)

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

#821005

Vermilion · Maroon · Wine Red

HEX
#821005
RGB
rgb(130, 16, 5)
HSL
hsl(5, 93%, 26%)
HSB
hsb(5, 96%, 51%)
CMYK
cmyk(0%, 88%, 96%, 49%)
Oklch
oklch(38.9% 0.148 30.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D46114
1486D2

Analogous

D21427
D46114
D2BF14

Triadic

D46114
14D260
6014D2

Split-Comp.

D46114
14D2BF
1427D2

Tetradic

D46114
27D214
1486D2
BF14D2

Contrast Matrix WCAG 2.1 Contrast

D46114
FFEF98
D7BC55
D45D09
821005
—
3.3
AA Large
2.0
Fail
1.0
Fail
2.7
Fail
3.3
AA Large
—
1.6
Fail
3.4
AA Large
8.9
AAA
2.0
Fail
1.6
Fail
—
2.1
Fail
5.5
AA
1.0
Fail
3.4
AA Large
2.1
Fail
—
2.7
Fail
2.7
Fail
8.9
AAA
5.5
AA
2.7
Fail
—
White BG
3.8AA Large
1.2Fail
1.9Fail
3.9AA Large
10.4AAA
Black BG
5.5AA
18.1AAA
11.2AAA
5.4AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A127
F8F8AD
CBCB6E
A09F1D
515008

Deuteranopia

A9B12B
F9FAB2
CDCF74
A7B022
576008

Tritanopia

CE3539
FEBEC1
D68286
CE2D31
7C0A0A

Achromatopsia

7B7B7B
EAEAEA
B8B8B8
777777
313131

Shades & Tints Shades & Tints

#D46114

Dark
Light

#FFEF98

Dark
Light

#D7BC55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d46114;
  --color-2: #ffef98;
  --color-3: #d7bc55;
  --color-4: #d45d09;
  --color-5: #821005;
}

SCSS

$color-1: #d46114;
$color-2: #ffef98;
$color-3: #d7bc55;
$color-4: #d45d09;
$color-5: #821005;

TAILWIND

colors: {
  'brand-1': '#d46114',
  'brand-2': '#ffef98',
  'brand-3': '#d7bc55',
  'brand-4': '#d45d09',
  'brand-5': '#821005',
}

RGB Array

[212, 97, 20], [255, 239, 152], [215, 188, 85], [212, 93, 9], [130, 16, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D46114, #FFEF98, #D7BC55, #D45D09, #821005 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: #d46114; --color-2: #ffef98; --color-3: #d7bc55; --color-4: #d45d09; --color-5: #821005. 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