← Back to Editor

#DEC090 · #FAEEDC · #C5E6D9 · #FF0D51 · #40212A

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

#DEC090

Goose Yellow · BurlyWood · Warm Sun

HEX
#DEC090
RGB
rgb(222, 192, 144)
HSL
hsl(37, 54%, 72%)
HSB
hsb(37, 35%, 87%)
CMYK
cmyk(0%, 14%, 35%, 13%)
Oklch
oklch(82.2% 0.072 79.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FAEEDC

Goose Yellow · Beige · Peach Orange

HEX
#FAEEDC
RGB
rgb(250, 238, 220)
HSL
hsl(36, 75%, 92%)
HSB
hsb(36, 12%, 98%)
CMYK
cmyk(0%, 5%, 12%, 2%)
Oklch
oklch(95.4% 0.027 78.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C5E6D9

Jade · LightGray · Mint Green

HEX
#C5E6D9
RGB
rgb(197, 230, 217)
HSL
hsl(156, 40%, 84%)
HSB
hsb(156, 14%, 90%)
CMYK
cmyk(14%, 0%, 6%, 10%)
Oklch
oklch(89.7% 0.039 169.7)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#FF0D51

Dark Violet · Crimson · Rose Pink

HEX
#FF0D51
RGB
rgb(255, 13, 81)
HSL
hsl(343, 100%, 53%)
HSB
hsb(343, 95%, 100%)
CMYK
cmyk(0%, 95%, 68%, 0%)
Oklch
oklch(63.7% 0.251 16.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#40212A

Dark Violet · DarkSlateGray · Raspberry

HEX
#40212A
RGB
rgb(64, 33, 42)
HSL
hsl(343, 32%, 19%)
HSB
hsb(343, 48%, 25%)
CMYK
cmyk(0%, 48%, 34%, 75%)
Oklch
oklch(29.3% 0.049 1.9)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEC090
91AFDE

Analogous

DE9A91
DEC090
D5DE91

Triadic

DEC090
91DEC1
C191DE

Split-Comp.

DEC090
91D5DE
9A91DE

Tetradic

DEC090
91DE9A
91AFDE
DE91D5

Contrast Matrix WCAG 2.1 Contrast

DEC090
FAEEDC
C5E6D9
FF0D51
40212A
—
1.5
Fail
1.3
Fail
2.2
Fail
8.2
AAA
1.5
Fail
—
1.2
Fail
3.4
AA Large
12.5
AAA
1.3
Fail
1.2
Fail
—
2.9
Fail
10.7
AAA
2.2
Fail
3.4
AA Large
2.9
Fail
—
3.7
AA Large
8.2
AAA
12.5
AAA
10.7
AAA
3.7
AA Large
—
White BG
1.7Fail
1.1Fail
1.3Fail
3.9AA Large
14.3AAA
Black BG
12.0AAA
18.3AAA
15.7AAA
5.4AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D19C
F5F5E0
D3D4DC
969441
333228

Deuteranopia

D3D59E
F6F6E1
D1CFDD
A4B63D
343727

Tritanopia

DCA5A7
F9E4E5
C7DFDF
F33431
3E2626

Achromatopsia

C3C3C3
F0F0F0
DBDBDB
5D5D5D
2B2B2B

Shades & Tints Shades & Tints

#DEC090

Dark
Light

#FAEEDC

Dark
Light

#C5E6D9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dec090;
  --color-2: #faeedc;
  --color-3: #c5e6d9;
  --color-4: #ff0d51;
  --color-5: #40212a;
}

SCSS

$color-1: #dec090;
$color-2: #faeedc;
$color-3: #c5e6d9;
$color-4: #ff0d51;
$color-5: #40212a;

TAILWIND

colors: {
  'brand-1': '#dec090',
  'brand-2': '#faeedc',
  'brand-3': '#c5e6d9',
  'brand-4': '#ff0d51',
  'brand-5': '#40212a',
}

RGB Array

[222, 192, 144], [250, 238, 220], [197, 230, 217], [255, 13, 81], [64, 33, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEC090, #FAEEDC, #C5E6D9, #FF0D51, #40212A 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: #dec090; --color-2: #faeedc; --color-3: #c5e6d9; --color-4: #ff0d51; --color-5: #40212a. 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