← Back to Editor

#FCD4B8 · #AFE9E3 · #E08247 · #5D7DEF · #040404

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

#FCD4B8

Apricot · Wheat · Peach Orange

HEX
#FCD4B8
RGB
rgb(252, 212, 184)
HSL
hsl(25, 92%, 85%)
HSB
hsb(25, 27%, 99%)
CMYK
cmyk(0%, 16%, 27%, 1%)
Oklch
oklch(89.7% 0.058 56.9)

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

#AFE9E3

Jade · LightBlue · Glacier Blue

HEX
#AFE9E3
RGB
rgb(175, 233, 227)
HSL
hsl(174, 57%, 80%)
HSB
hsb(174, 25%, 91%)
CMYK
cmyk(25%, 0%, 3%, 9%)
Oklch
oklch(89.3% 0.059 188.2)

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

#E08247

Tangerine · Coral · Warm Sun

HEX
#E08247
RGB
rgb(224, 130, 71)
HSL
hsl(23, 71%, 58%)
HSB
hsb(23, 68%, 88%)
CMYK
cmyk(0%, 42%, 68%, 12%)
Oklch
oklch(69.8% 0.137 50.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#5D7DEF

Azure · CornflowerBlue · Cobalt Blue

HEX
#5D7DEF
RGB
rgb(93, 125, 239)
HSL
hsl(227, 82%, 65%)
HSB
hsb(227, 61%, 94%)
CMYK
cmyk(61%, 48%, 0%, 6%)
Oklch
oklch(62.3% 0.174 269.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#040404

Ink Black · Black · Jet Black

HEX
#040404
RGB
rgb(4, 4, 4)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(10.7% 0.000 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCD4B8
B6DFFC

Analogous

FCB6BB
FCD4B8
FCF6B6

Triadic

FCD4B8
B6FCD3
D3B6FC

Split-Comp.

FCD4B8
B6FCF6
B6BBFC

Tetradic

FCD4B8
BBFCB6
B6DFFC
F6B6FC

Contrast Matrix WCAG 2.1 Contrast

FCD4B8
AFE9E3
E08247
5D7DEF
040404
—
1.0
Fail
2.0
Fail
2.7
Fail
14.9
AAA
1.0
Fail
—
2.1
Fail
2.8
Fail
15.2
AAA
2.0
Fail
2.1
Fail
—
1.3
Fail
7.3
AAA
2.7
Fail
2.8
Fail
1.3
Fail
—
5.5
AA
14.9
AAA
15.2
AAA
7.3
AAA
5.5
AA
—
White BG
1.4Fail
1.3Fail
2.8Fail
3.7AA Large
20.5AAA
Black BG
15.2AAA
15.6AAA
7.5AAA
5.6AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEABF
C8C9E4
B7B655
6B6BD3
040404

Deuteranopia

EDF0C0
C5C0E5
BDC459
6967CD
040404

Tritanopia

FAC4C5
B2E6E6
DB6163
5FBEB9
040404

Achromatopsia

DDDDDD
D7D7D7
979797
808080
040404

Shades & Tints Shades & Tints

#FCD4B8

Dark
Light

#AFE9E3

Dark
Light

#E08247

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcd4b8;
  --color-2: #afe9e3;
  --color-3: #e08247;
  --color-4: #5d7def;
  --color-5: #040404;
}

SCSS

$color-1: #fcd4b8;
$color-2: #afe9e3;
$color-3: #e08247;
$color-4: #5d7def;
$color-5: #040404;

TAILWIND

colors: {
  'brand-1': '#fcd4b8',
  'brand-2': '#afe9e3',
  'brand-3': '#e08247',
  'brand-4': '#5d7def',
  'brand-5': '#040404',
}

RGB Array

[252, 212, 184], [175, 233, 227], [224, 130, 71], [93, 125, 239], [4, 4, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCD4B8, #AFE9E3, #E08247, #5D7DEF, #040404 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: #fcd4b8; --color-2: #afe9e3; --color-3: #e08247; --color-4: #5d7def; --color-5: #040404. 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