← Back to Editor

#EAF6CE · #0D2760 · #FFB344 · #1D0E2B · #C21D7C

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

#EAF6CE

Willow Green · Beige · Mint Green

HEX
#EAF6CE
RGB
rgb(234, 246, 206)
HSL
hsl(78, 69%, 89%)
HSB
hsb(78, 16%, 96%)
CMYK
cmyk(5%, 0%, 16%, 4%)
Oklch
oklch(95.4% 0.054 121.0)

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

#0D2760

Indigo · MidnightBlue · Prussian Blue

HEX
#0D2760
RGB
rgb(13, 39, 96)
HSL
hsl(221, 76%, 21%)
HSB
hsb(221, 86%, 38%)
CMYK
cmyk(86%, 59%, 0%, 62%)
Oklch
oklch(29.3% 0.107 263.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#FFB344

Ginger · SandyBrown · Warm Sun

HEX
#FFB344
RGB
rgb(255, 179, 68)
HSL
hsl(36, 100%, 63%)
HSB
hsb(36, 73%, 100%)
CMYK
cmyk(0%, 30%, 73%, 0%)
Oklch
oklch(82.1% 0.150 72.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#1D0E2B

Royal Purple · Black · Dark Purple

HEX
#1D0E2B
RGB
rgb(29, 14, 43)
HSL
hsl(271, 51%, 11%)
HSB
hsb(271, 67%, 17%)
CMYK
cmyk(33%, 67%, 0%, 83%)
Oklch
oklch(20.2% 0.058 305.7)

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

#C21D7C

Rose Purple · MediumVioletRed · Camellia

HEX
#C21D7C
RGB
rgb(194, 29, 124)
HSL
hsl(325, 74%, 44%)
HSB
hsb(325, 85%, 76%)
CMYK
cmyk(0%, 85%, 36%, 24%)
Oklch
oklch(54.5% 0.210 352.2)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAF6CE
DBD0F6

Analogous

F6EFD0
EAF6CE
D7F6D0

Triadic

EAF6CE
D0EBF6
F6D0EB

Split-Comp.

EAF6CE
D0D7F6
EFD0F6

Tetradic

EAF6CE
D0F6EF
DBD0F6
F6D0D7

Contrast Matrix WCAG 2.1 Contrast

EAF6CE
0D2760
FFB344
1D0E2B
C21D7C
—
12.6
AAA
1.6
Fail
16.2
AAA
4.9
AA
12.6
AAA
—
8.0
AAA
1.3
Fail
2.5
Fail
1.6
Fail
8.0
AAA
—
10.2
AAA
3.1
AA Large
16.2
AAA
1.3
Fail
10.2
AAA
—
3.3
AA Large
4.9
AA
2.5
Fail
3.1
AA Large
3.3
AA Large
—
White BG
1.1Fail
14.2AAA
1.8Fail
18.3AAA
5.6AA
Black BG
18.6AAA
1.5Fail
11.8AAA
1.1Fail
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD8
181852
DEDD5F
171624
7B7965

Deuteranopia

EFEEDA
17154F
E3E865
171822
849060

Tritanopia

EBDFE1
0E4745
FB7479
1C1E1D
BA534F

Achromatopsia

EEEEEE
262626
BDBDBD
161616
595959

Shades & Tints Shades & Tints

#EAF6CE

Dark
Light

#0D2760

Dark
Light

#FFB344

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaf6ce;
  --color-2: #0d2760;
  --color-3: #ffb344;
  --color-4: #1d0e2b;
  --color-5: #c21d7c;
}

SCSS

$color-1: #eaf6ce;
$color-2: #0d2760;
$color-3: #ffb344;
$color-4: #1d0e2b;
$color-5: #c21d7c;

TAILWIND

colors: {
  'brand-1': '#eaf6ce',
  'brand-2': '#0d2760',
  'brand-3': '#ffb344',
  'brand-4': '#1d0e2b',
  'brand-5': '#c21d7c',
}

RGB Array

[234, 246, 206], [13, 39, 96], [255, 179, 68], [29, 14, 43], [194, 29, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAF6CE, #0D2760, #FFB344, #1D0E2B, #C21D7C 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: #eaf6ce; --color-2: #0d2760; --color-3: #ffb344; --color-4: #1d0e2b; --color-5: #c21d7c. 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