← Back to Editor

#F6F9D2 · #682221 · #EFF2B3 · #C21411 · #DFE36F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F6F9D2

Fresh Green · Beige · Lemon Cream

HEX
#F6F9D2
RGB
rgb(246, 249, 210)
HSL
hsl(65, 76%, 90%)
HSB
hsb(65, 16%, 98%)
CMYK
cmyk(1%, 0%, 16%, 2%)
Oklch
oklch(97.0% 0.051 110.9)

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

#682221

Crimson · Maroon · Wine Red

HEX
#682221
RGB
rgb(104, 34, 33)
HSL
hsl(1, 52%, 27%)
HSB
hsb(1, 68%, 41%)
CMYK
cmyk(0%, 67%, 68%, 59%)
Oklch
oklch(36.0% 0.101 24.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#EFF2B3

Fresh Green · Wheat · Lemon Cream

HEX
#EFF2B3
RGB
rgb(239, 242, 179)
HSL
hsl(63, 71%, 83%)
HSB
hsb(63, 26%, 95%)
CMYK
cmyk(1%, 0%, 26%, 5%)
Oklch
oklch(94.4% 0.081 110.1)

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

#C21411

Vermilion · FireBrick · Passion Red

HEX
#C21411
RGB
rgb(194, 20, 17)
HSL
hsl(1, 84%, 41%)
HSB
hsb(1, 91%, 76%)
CMYK
cmyk(0%, 90%, 91%, 24%)
Oklch
oklch(51.8% 0.203 28.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#DFE36F

Fresh Green · Khaki · Sunflower

HEX
#DFE36F
RGB
rgb(223, 227, 111)
HSL
hsl(62, 67%, 66%)
HSB
hsb(62, 51%, 89%)
CMYK
cmyk(2%, 0%, 51%, 11%)
Oklch
oklch(88.9% 0.139 110.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6F9D2
D5D2F9

Analogous

F9E9D2
F6F9D2
E2F9D2

Triadic

F6F9D2
D2F6F9
F9D2F6

Split-Comp.

F6F9D2
D2E2F9
E9D2F9

Tetradic

F6F9D2
D2F9E9
D5D2F9
F9D2E2

Contrast Matrix WCAG 2.1 Contrast

F6F9D2
682221
EFF2B3
C21411
DFE36F
—
10.5
AAA
1.1
Fail
5.7
AA
1.3
Fail
10.5
AAA
—
9.8
AAA
1.8
Fail
8.3
AAA
1.1
Fail
9.8
AAA
—
5.3
AA
1.2
Fail
5.7
AA
1.8
Fail
5.3
AA
—
4.5
AA
1.3
Fail
8.3
AAA
1.2
Fail
4.5
AA
—
White BG
1.1Fail
11.4AAA
1.2Fail
6.2AA
1.4Fail
Black BG
19.4AAA
1.8Fail
18.0AAA
3.4AA Large
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7DB
4A4921
F0F0C2
777512
E1E18B

Deuteranopia

F7F7DE
4E5321
F0F0C6
818E12
E1E092

Tritanopia

F6E3E5
652121
EFCED1
B91212
DFA1A6

Achromatopsia

F4F4F4
373737
EAEAEA
484848
D5D5D5

Shades & Tints Shades & Tints

#F6F9D2

Dark
Light

#682221

Dark
Light

#EFF2B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6f9d2;
  --color-2: #682221;
  --color-3: #eff2b3;
  --color-4: #c21411;
  --color-5: #dfe36f;
}

SCSS

$color-1: #f6f9d2;
$color-2: #682221;
$color-3: #eff2b3;
$color-4: #c21411;
$color-5: #dfe36f;

TAILWIND

colors: {
  'brand-1': '#f6f9d2',
  'brand-2': '#682221',
  'brand-3': '#eff2b3',
  'brand-4': '#c21411',
  'brand-5': '#dfe36f',
}

RGB Array

[246, 249, 210], [104, 34, 33], [239, 242, 179], [194, 20, 17], [223, 227, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6F9D2, #682221, #EFF2B3, #C21411, #DFE36F 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: #f6f9d2; --color-2: #682221; --color-3: #eff2b3; --color-4: #c21411; --color-5: #dfe36f. 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