← Back to Editor

#F9FFD6 · #65002E · #112130 · #D4FACB · #F2FFD3

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

#F9FFD6

Fresh Green · LightYellow · Lemon Cream

HEX
#F9FFD6
RGB
rgb(249, 255, 214)
HSL
hsl(69, 100%, 92%)
HSB
hsb(69, 16%, 100%)
CMYK
cmyk(2%, 0%, 16%, 0%)
Oklch
oklch(98.5% 0.053 114.1)

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

#65002E

Dark Violet · Maroon · Raspberry

HEX
#65002E
RGB
rgb(101, 0, 46)
HSL
hsl(333, 100%, 20%)
HSB
hsb(333, 100%, 40%)
CMYK
cmyk(0%, 100%, 54%, 60%)
Oklch
oklch(32.7% 0.132 3.0)

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

#112130

Slate Blue · Black · Deep Sea Blue

HEX
#112130
RGB
rgb(17, 33, 48)
HSL
hsl(209, 48%, 13%)
HSB
hsb(209, 65%, 19%)
CMYK
cmyk(65%, 31%, 0%, 81%)
Oklch
oklch(24.1% 0.036 248.0)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#D4FACB

Emerald · Beige · Mint Green

HEX
#D4FACB
RGB
rgb(212, 250, 203)
HSL
hsl(109, 82%, 89%)
HSB
hsb(109, 19%, 98%)
CMYK
cmyk(15%, 0%, 19%, 2%)
Oklch
oklch(94.6% 0.074 139.7)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#F2FFD3

Willow Green · Beige · Mint Green

HEX
#F2FFD3
RGB
rgb(242, 255, 211)
HSL
hsl(78, 100%, 91%)
HSB
hsb(78, 17%, 100%)
CMYK
cmyk(5%, 0%, 17%, 0%)
Oklch
oklch(97.9% 0.059 120.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9FFD6
DCD6FF

Analogous

FFF1D6
F9FFD6
E4FFD6

Triadic

F9FFD6
D6F9FF
FFD6F9

Split-Comp.

F9FFD6
D6E4FF
F1D6FF

Tetradic

F9FFD6
D6FFF1
DCD6FF
FFD6E4

Contrast Matrix WCAG 2.1 Contrast

F9FFD6
65002E
112130
D4FACB
F2FFD3
—
12.7
AAA
15.8
AAA
1.1
Fail
1.0
Fail
12.7
AAA
—
1.2
Fail
11.5
AAA
12.6
AAA
15.8
AAA
1.2
Fail
—
14.3
AAA
15.6
AAA
1.1
Fail
11.5
AAA
14.3
AAA
—
1.1
Fail
1.0
Fail
12.6
AAA
15.6
AAA
1.1
Fail
—
White BG
1.0Fail
13.2AAA
16.4AAA
1.1Fail
1.0Fail
Black BG
20.3AAA
1.6Fail
1.3Fail
18.3AAA
20.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCE0
393823
18182C
E4E5D6
F8F8DE

Deuteranopia

FBFBE2
3F4720
17162B
E2DFD9
F7F6E0

Tritanopia

F9E8E9
601A18
122A29
D6DFE1
F3E6E8

Achromatopsia

F9F9F9
232323
1E1E1E
E9E9E9
F6F6F6

Shades & Tints Shades & Tints

#F9FFD6

Dark
Light

#65002E

Dark
Light

#112130

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9ffd6;
  --color-2: #65002e;
  --color-3: #112130;
  --color-4: #d4facb;
  --color-5: #f2ffd3;
}

SCSS

$color-1: #f9ffd6;
$color-2: #65002e;
$color-3: #112130;
$color-4: #d4facb;
$color-5: #f2ffd3;

TAILWIND

colors: {
  'brand-1': '#f9ffd6',
  'brand-2': '#65002e',
  'brand-3': '#112130',
  'brand-4': '#d4facb',
  'brand-5': '#f2ffd3',
}

RGB Array

[249, 255, 214], [101, 0, 46], [17, 33, 48], [212, 250, 203], [242, 255, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9FFD6, #65002E, #112130, #D4FACB, #F2FFD3 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: #f9ffd6; --color-2: #65002e; --color-3: #112130; --color-4: #d4facb; --color-5: #f2ffd3. 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