← Back to Editor

#FDC71D · #151412 · #DDB5C0 · #471C0C · #FF5726

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

#FDC71D

Ginger · Gold · Sunflower

HEX
#FDC71D
RGB
rgb(253, 199, 29)
HSL
hsl(46, 98%, 55%)
HSB
hsb(46, 89%, 99%)
CMYK
cmyk(0%, 21%, 89%, 1%)
Oklch
oklch(85.4% 0.170 88.1)

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

#151412

Ochre · Black · Jet Black

HEX
#151412
RGB
rgb(21, 20, 18)
HSL
hsl(40, 8%, 8%)
HSB
hsb(40, 14%, 8%)
CMYK
cmyk(0%, 5%, 14%, 92%)
Oklch
oklch(19.2% 0.004 84.6)

Traditional「Ochre」· Paint「Jet Black」· Creative Midnight Shadow

#DDB5C0

Rouge · Silver · Cherry Blossom

HEX
#DDB5C0
RGB
rgb(221, 181, 192)
HSL
hsl(344, 37%, 79%)
HSB
hsb(344, 18%, 87%)
CMYK
cmyk(0%, 18%, 13%, 13%)
Oklch
oklch(81.1% 0.048 359.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#471C0C

Tangerine · Maroon · Cinnamon

HEX
#471C0C
RGB
rgb(71, 28, 12)
HSL
hsl(16, 71%, 16%)
HSB
hsb(16, 83%, 28%)
CMYK
cmyk(0%, 61%, 83%, 72%)
Oklch
oklch(28.7% 0.071 40.1)

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

#FF5726

Vermilion · Tomato · Passion Red

HEX
#FF5726
RGB
rgb(255, 87, 38)
HSL
hsl(14, 100%, 57%)
HSB
hsb(14, 85%, 100%)
CMYK
cmyk(0%, 66%, 85%, 0%)
Oklch
oklch(67.9% 0.212 36.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDC71D
1C50FD

Analogous

FD581C
FDC71D
C1FD1C

Triadic

FDC71D
1CFDC8
C81CFD

Split-Comp.

FDC71D
1CC1FD
581CFD

Tetradic

FDC71D
1CFD58
1C50FD
FD1CC1

Contrast Matrix WCAG 2.1 Contrast

FDC71D
151412
DDB5C0
471C0C
FF5726
—
11.7
AAA
1.2
Fail
9.3
AAA
2.0
Fail
11.7
AAA
—
10.0
AAA
1.3
Fail
5.8
AA
1.2
Fail
10.0
AAA
—
8.0
AAA
1.7
Fail
9.3
AAA
1.3
Fail
8.0
AAA
—
4.6
AA
2.0
Fail
5.8
AA
1.7
Fail
4.6
AA
—
White BG
1.6Fail
18.4AAA
1.8Fail
14.6AAA
3.2AA Large
Black BG
13.4AAA
1.1Fail
11.4AAA
1.4Fail
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E546
151512
CCCBBD
343410
B6B532

Deuteranopia

E9ED50
151513
CED1BD
373A11
C0CD35

Tritanopia

FA676E
151313
DBBBBB
451314
F73B3D

Achromatopsia

C4C4C4
141414
C2C2C2
272727
848484

Shades & Tints Shades & Tints

#FDC71D

Dark
Light

#151412

Dark
Light

#DDB5C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdc71d;
  --color-2: #151412;
  --color-3: #ddb5c0;
  --color-4: #471c0c;
  --color-5: #ff5726;
}

SCSS

$color-1: #fdc71d;
$color-2: #151412;
$color-3: #ddb5c0;
$color-4: #471c0c;
$color-5: #ff5726;

TAILWIND

colors: {
  'brand-1': '#fdc71d',
  'brand-2': '#151412',
  'brand-3': '#ddb5c0',
  'brand-4': '#471c0c',
  'brand-5': '#ff5726',
}

RGB Array

[253, 199, 29], [21, 20, 18], [221, 181, 192], [71, 28, 12], [255, 87, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDC71D, #151412, #DDB5C0, #471C0C, #FF5726 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: #fdc71d; --color-2: #151412; --color-3: #ddb5c0; --color-4: #471c0c; --color-5: #ff5726. 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