← Back to Editor

#FCF9DC · #EFEDDB · #E0D9D5 · #3A224E · #22072C

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FCF9DC

Fresh Green · LightYellow · Lemon Cream

HEX
#FCF9DC
RGB
rgb(252, 249, 220)
HSL
hsl(54, 84%, 93%)
HSB
hsb(54, 13%, 99%)
CMYK
cmyk(0%, 1%, 13%, 1%)
Oklch
oklch(97.7% 0.038 102.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#EFEDDB

Fresh Green · Beige · Lemon Cream

HEX
#EFEDDB
RGB
rgb(239, 237, 219)
HSL
hsl(54, 38%, 90%)
HSB
hsb(54, 8%, 94%)
CMYK
cmyk(0%, 1%, 8%, 6%)
Oklch
oklch(94.3% 0.024 101.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E0D9D5

Apricot · LightGray · Peach Orange

HEX
#E0D9D5
RGB
rgb(224, 217, 213)
HSL
hsl(22, 15%, 86%)
HSB
hsb(22, 5%, 88%)
CMYK
cmyk(0%, 3%, 5%, 12%)
Oklch
oklch(89.0% 0.009 52.1)

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

#3A224E

Dark Plum · DarkSlateGray · Eggplant

HEX
#3A224E
RGB
rgb(58, 34, 78)
HSL
hsl(273, 39%, 22%)
HSB
hsb(273, 56%, 31%)
CMYK
cmyk(26%, 56%, 0%, 69%)
Oklch
oklch(30.5% 0.081 307.5)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#22072C

Royal Purple · Black · Dark Purple

HEX
#22072C
RGB
rgb(34, 7, 44)
HSL
hsl(284, 73%, 10%)
HSB
hsb(284, 84%, 17%)
CMYK
cmyk(23%, 84%, 0%, 83%)
Oklch
oklch(19.8% 0.075 315.5)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF9DC
DEE1FC

Analogous

FCEADE
FCF9DC
F0FCDE

Triadic

FCF9DC
DEFCF9
F9DEFC

Split-Comp.

FCF9DC
DEF0FC
EADEFC

Tetradic

FCF9DC
DEFCEA
DEE1FC
FCDEF0

Contrast Matrix WCAG 2.1 Contrast

FCF9DC
EFEDDB
E0D9D5
3A224E
22072C
—
1.1
Fail
1.3
Fail
13.0
AAA
17.4
AAA
1.1
Fail
—
1.2
Fail
11.7
AAA
15.7
AAA
1.3
Fail
1.2
Fail
—
9.9
AAA
13.3
AAA
13.0
AAA
11.7
AAA
9.9
AAA
—
1.3
Fail
17.4
AAA
15.7
AAA
13.3
AAA
1.3
Fail
—
White BG
1.1Fail
1.2Fail
1.4Fail
13.8AAA
18.5AAA
Black BG
19.7AAA
17.8AAA
15.1AAA
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBE3
EEEEDF
DDDDD6
302F43
161623

Deuteranopia

FBFBE5
EEEEE0
DDDED6
313341
181A21

Tritanopia

FCE9EA
EFE3E4
E0D7D7
393B39
211C1A

Achromatopsia

F7F7F7
ECECEC
DBDBDB
2E2E2E
131313

Shades & Tints Shades & Tints

#FCF9DC

Dark
Light

#EFEDDB

Dark
Light

#E0D9D5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf9dc;
  --color-2: #efeddb;
  --color-3: #e0d9d5;
  --color-4: #3a224e;
  --color-5: #22072c;
}

SCSS

$color-1: #fcf9dc;
$color-2: #efeddb;
$color-3: #e0d9d5;
$color-4: #3a224e;
$color-5: #22072c;

TAILWIND

colors: {
  'brand-1': '#fcf9dc',
  'brand-2': '#efeddb',
  'brand-3': '#e0d9d5',
  'brand-4': '#3a224e',
  'brand-5': '#22072c',
}

RGB Array

[252, 249, 220], [239, 237, 219], [224, 217, 213], [58, 34, 78], [34, 7, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF9DC, #EFEDDB, #E0D9D5, #3A224E, #22072C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fcf9dc; --color-2: #efeddb; --color-3: #e0d9d5; --color-4: #3a224e; --color-5: #22072c. 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 tech, SaaS, healthcare, eco industries. 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