← Back to Editor

#DACFB4 · #665D47 · #F7B209 · #F75C09 · #F71909

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

#DACFB4

Goose Yellow · Wheat · Lemon Cream

HEX
#DACFB4
RGB
rgb(218, 207, 180)
HSL
hsl(43, 34%, 78%)
HSB
hsb(43, 17%, 85%)
CMYK
cmyk(0%, 5%, 17%, 15%)
Oklch
oklch(85.6% 0.038 88.5)

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

#665D47

Ochre · DarkOliveGreen · Honey Gold

HEX
#665D47
RGB
rgb(102, 93, 71)
HSL
hsl(43, 18%, 34%)
HSB
hsb(43, 30%, 40%)
CMYK
cmyk(0%, 9%, 30%, 60%)
Oklch
oklch(48.1% 0.035 88.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F7B209

Ochre · Orange · Honey Gold

HEX
#F7B209
RGB
rgb(247, 178, 9)
HSL
hsl(43, 94%, 50%)
HSB
hsb(43, 96%, 97%)
CMYK
cmyk(0%, 28%, 96%, 3%)
Oklch
oklch(80.7% 0.166 80.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F75C09

Tangerine · OrangeRed · Amber Brown

HEX
#F75C09
RGB
rgb(247, 92, 9)
HSL
hsl(21, 94%, 50%)
HSB
hsb(21, 96%, 97%)
CMYK
cmyk(0%, 63%, 96%, 3%)
Oklch
oklch(67.1% 0.204 41.0)

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

#F71909

Vermilion · Red · Passion Red

HEX
#F71909
RGB
rgb(247, 25, 9)
HSL
hsl(4, 94%, 50%)
HSB
hsb(4, 96%, 97%)
CMYK
cmyk(0%, 90%, 96%, 3%)
Oklch
oklch(61.9% 0.246 29.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DACFB4
B4BFDA

Analogous

DABCB4
DACFB4
D2DAB4

Triadic

DACFB4
B4DACF
CFB4DA

Split-Comp.

DACFB4
B4D2DA
BCB4DA

Tetradic

DACFB4
B4DABC
B4BFDA
DAB4D2

Contrast Matrix WCAG 2.1 Contrast

DACFB4
665D47
F7B209
F75C09
F71909
—
4.2
AA Large
1.2
Fail
2.1
Fail
2.7
Fail
4.2
AA Large
—
3.5
AA Large
2.0
Fail
1.6
Fail
1.2
Fail
3.5
AA Large
—
1.7
Fail
2.2
Fail
2.1
Fail
2.0
Fail
1.7
Fail
—
1.3
Fail
2.7
Fail
1.6
Fail
2.2
Fail
1.3
Fail
—
White BG
1.5Fail
6.5AA
1.9Fail
3.2AA Large
4.1AA Large
Black BG
13.6AAA
3.2AA Large
11.3AAA
6.5AA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5BB
62624C
D9D932
B4B21D
97950D

Deuteranopia

D6D7BC
63634E
DDE23C
BDC822
A4B40E

Tritanopia

D9C0C1
665151
F45259
EF2D30
EC1011

Achromatopsia

CFCFCF
5D5D5D
B3B3B3
818181
5A5A5A

Shades & Tints Shades & Tints

#DACFB4

Dark
Light

#665D47

Dark
Light

#F7B209

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dacfb4;
  --color-2: #665d47;
  --color-3: #f7b209;
  --color-4: #f75c09;
  --color-5: #f71909;
}

SCSS

$color-1: #dacfb4;
$color-2: #665d47;
$color-3: #f7b209;
$color-4: #f75c09;
$color-5: #f71909;

TAILWIND

colors: {
  'brand-1': '#dacfb4',
  'brand-2': '#665d47',
  'brand-3': '#f7b209',
  'brand-4': '#f75c09',
  'brand-5': '#f71909',
}

RGB Array

[218, 207, 180], [102, 93, 71], [247, 178, 9], [247, 92, 9], [247, 25, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DACFB4, #665D47, #F7B209, #F75C09, #F71909 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: #dacfb4; --color-2: #665d47; --color-3: #f7b209; --color-4: #f75c09; --color-5: #f71909. 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