← Back to Editor

#FCDA93 · #D4A16C · #A9ECF4 · #0C74A9 · #094569

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 AppData Visualization

Color Details Color Details

#FCDA93

Goose Yellow · Khaki · Lemon Cream

HEX
#FCDA93
RGB
rgb(252, 218, 147)
HSL
hsl(41, 95%, 78%)
HSB
hsb(41, 42%, 99%)
CMYK
cmyk(0%, 13%, 42%, 1%)
Oklch
oklch(90.1% 0.097 85.0)

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

#D4A16C

Ginger · DarkSalmon · Warm Sun

HEX
#D4A16C
RGB
rgb(212, 161, 108)
HSL
hsl(31, 55%, 63%)
HSB
hsb(31, 49%, 83%)
CMYK
cmyk(0%, 24%, 49%, 17%)
Oklch
oklch(74.5% 0.092 66.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#A9ECF4

Sky Blue · LightBlue · Glacier Blue

HEX
#A9ECF4
RGB
rgb(169, 236, 244)
HSL
hsl(186, 77%, 81%)
HSB
hsb(186, 31%, 96%)
CMYK
cmyk(31%, 3%, 0%, 4%)
Oklch
oklch(90.1% 0.068 205.3)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#0C74A9

Lake Blue · Teal · Prussian Blue

HEX
#0C74A9
RGB
rgb(12, 116, 169)
HSL
hsl(200, 87%, 35%)
HSB
hsb(200, 93%, 66%)
CMYK
cmyk(93%, 31%, 0%, 34%)
Oklch
oklch(53.3% 0.118 239.6)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#094569

Lake Blue · DarkSlateGray · Prussian Blue

HEX
#094569
RGB
rgb(9, 69, 105)
HSL
hsl(203, 84%, 22%)
HSB
hsb(203, 91%, 41%)
CMYK
cmyk(91%, 34%, 0%, 59%)
Oklch
oklch(37.4% 0.084 242.1)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCDA93
92B3FC

Analogous

FCA592
FCDA93
E9FC92

Triadic

FCDA93
92FCDA
DA92FC

Split-Comp.

FCDA93
92E9FC
A592FC

Tetradic

FCDA93
92FCA5
92B3FC
FC92E9

Contrast Matrix WCAG 2.1 Contrast

FCDA93
D4A16C
A9ECF4
0C74A9
094569
—
1.7
Fail
1.0
Fail
3.8
AA Large
7.5
AAA
1.7
Fail
—
1.8
Fail
2.2
Fail
4.4
AA Large
1.0
Fail
1.8
Fail
—
3.9
AA Large
7.7
AAA
3.8
AA Large
2.2
Fail
3.9
AA Large
—
2.0
Fail
7.5
AAA
4.4
AA Large
7.7
AAA
2.0
Fail
—
White BG
1.3Fail
2.3Fail
1.3Fail
5.1AA
10.2AAA
Black BG
15.6AAA
9.1AAA
16.0AAA
4.1AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDA4
BEBD79
C6C7F2
393A9C
232460

Deuteranopia

EFF2A8
C1C57C
C2BDF2
332B99
201B5E

Tritanopia

FAB2B5
D18385
ACF1F0
119290
0C5958

Achromatopsia

DCDCDC
AAAAAA
D9D9D9
5B5B5B
373737

Shades & Tints Shades & Tints

#FCDA93

Dark
Light

#D4A16C

Dark
Light

#A9ECF4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcda93;
  --color-2: #d4a16c;
  --color-3: #a9ecf4;
  --color-4: #0c74a9;
  --color-5: #094569;
}

SCSS

$color-1: #fcda93;
$color-2: #d4a16c;
$color-3: #a9ecf4;
$color-4: #0c74a9;
$color-5: #094569;

TAILWIND

colors: {
  'brand-1': '#fcda93',
  'brand-2': '#d4a16c',
  'brand-3': '#a9ecf4',
  'brand-4': '#0c74a9',
  'brand-5': '#094569',
}

RGB Array

[252, 218, 147], [212, 161, 108], [169, 236, 244], [12, 116, 169], [9, 69, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCDA93, #D4A16C, #A9ECF4, #0C74A9, #094569 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: #fcda93; --color-2: #d4a16c; --color-3: #a9ecf4; --color-4: #0c74a9; --color-5: #094569. 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