← Back to Editor

#FFEDB4 · #F6B9A4 · #F69795 · #5D7494 · #202E49

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

#FFEDB4

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEDB4
RGB
rgb(255, 237, 180)
HSL
hsl(46, 100%, 85%)
HSB
hsb(46, 29%, 100%)
CMYK
cmyk(0%, 7%, 29%, 0%)
Oklch
oklch(94.7% 0.075 92.6)

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

#F6B9A4

Apricot · LightPink · Peach Orange

HEX
#F6B9A4
RGB
rgb(246, 185, 164)
HSL
hsl(15, 82%, 80%)
HSB
hsb(15, 33%, 96%)
CMYK
cmyk(0%, 25%, 33%, 4%)
Oklch
oklch(83.6% 0.077 39.8)

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

#F69795

Peach Pink · LightSalmon · Coral Red

HEX
#F69795
RGB
rgb(246, 151, 149)
HSL
hsl(1, 84%, 77%)
HSB
hsb(1, 39%, 96%)
CMYK
cmyk(0%, 39%, 39%, 4%)
Oklch
oklch(77.4% 0.115 21.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#5D7494

Indigo · SlateGray · Navy Blue

HEX
#5D7494
RGB
rgb(93, 116, 148)
HSL
hsl(215, 23%, 47%)
HSB
hsb(215, 37%, 58%)
CMYK
cmyk(37%, 22%, 0%, 42%)
Oklch
oklch(55.3% 0.057 256.7)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#202E49

Indigo · DarkSlateGray · Prussian Blue

HEX
#202E49
RGB
rgb(32, 46, 73)
HSL
hsl(220, 39%, 21%)
HSB
hsb(220, 56%, 29%)
CMYK
cmyk(56%, 37%, 0%, 71%)
Oklch
oklch(30.3% 0.053 262.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEDB4
B3C4FF

Analogous

FFC7B3
FFEDB4
EBFFB3

Triadic

FFEDB4
B3FFED
EDB3FF

Split-Comp.

FFEDB4
B3EBFF
C7B3FF

Tetradic

FFEDB4
B3FFC7
B3C4FF
FFB3EB

Contrast Matrix WCAG 2.1 Contrast

FFEDB4
F6B9A4
F69795
5D7494
202E49
—
1.5
Fail
1.8
Fail
4.1
AA Large
11.6
AAA
1.5
Fail
—
1.3
Fail
2.8
Fail
8.0
AAA
1.8
Fail
1.3
Fail
—
2.2
Fail
6.3
AA
4.1
AA Large
2.8
Fail
2.2
Fail
—
2.8
Fail
11.6
AAA
8.0
AAA
6.3
AA
2.8
Fail
—
White BG
1.2Fail
1.7Fail
2.1Fail
4.8AA
13.6AAA
Black BG
18.0AAA
12.4AAA
9.8AAA
4.4AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7C2
DCDBA9
CDCC95
67678C
262642

Deuteranopia

F8FAC5
DFE4AA
D2DA96
66648A
252441

Tritanopia

FECDCF
F3ADAE
F19696
5E8685
213D3C

Achromatopsia

ECECEC
C9C9C9
B3B3B3
717171
2D2D2D

Shades & Tints Shades & Tints

#FFEDB4

Dark
Light

#F6B9A4

Dark
Light

#F69795

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffedb4;
  --color-2: #f6b9a4;
  --color-3: #f69795;
  --color-4: #5d7494;
  --color-5: #202e49;
}

SCSS

$color-1: #ffedb4;
$color-2: #f6b9a4;
$color-3: #f69795;
$color-4: #5d7494;
$color-5: #202e49;

TAILWIND

colors: {
  'brand-1': '#ffedb4',
  'brand-2': '#f6b9a4',
  'brand-3': '#f69795',
  'brand-4': '#5d7494',
  'brand-5': '#202e49',
}

RGB Array

[255, 237, 180], [246, 185, 164], [246, 151, 149], [93, 116, 148], [32, 46, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEDB4, #F6B9A4, #F69795, #5D7494, #202E49 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: #ffedb4; --color-2: #f6b9a4; --color-3: #f69795; --color-4: #5d7494; --color-5: #202e49. 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