← Back to Editor

#E8E5DD · #000505 · #277C99 · #871485 · #FC9E24

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

#E8E5DD

Goose Yellow · Beige · Lemon Cream

HEX
#E8E5DD
RGB
rgb(232, 229, 221)
HSL
hsl(44, 19%, 89%)
HSB
hsb(44, 5%, 91%)
CMYK
cmyk(0%, 1%, 5%, 9%)
Oklch
oklch(92.2% 0.011 89.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#000505

Lake Blue · Black · Peacock Green

HEX
#000505
RGB
rgb(0, 5, 5)
HSL
hsl(180, 100%, 1%)
HSB
hsb(180, 100%, 2%)
CMYK
cmyk(100%, 0%, 0%, 98%)
Oklch
oklch(10.4% 0.018 194.8)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#277C99

Lake Blue · SteelBlue · Mint Ice

HEX
#277C99
RGB
rgb(39, 124, 153)
HSL
hsl(195, 59%, 38%)
HSB
hsb(195, 75%, 60%)
CMYK
cmyk(75%, 19%, 0%, 40%)
Oklch
oklch(54.9% 0.090 225.2)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#871485

Rose Purple · DarkMagenta · Eggplant

HEX
#871485
RGB
rgb(135, 20, 133)
HSL
hsl(301, 74%, 30%)
HSB
hsb(301, 85%, 53%)
CMYK
cmyk(0%, 85%, 1%, 47%)
Oklch
oklch(44.4% 0.189 329.0)

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

#FC9E24

Ginger · GoldenRod · Warm Sun

HEX
#FC9E24
RGB
rgb(252, 158, 36)
HSL
hsl(34, 97%, 56%)
HSB
hsb(34, 86%, 99%)
CMYK
cmyk(0%, 37%, 86%, 1%)
Oklch
oklch(77.8% 0.164 65.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E5DD
DEE0E8

Analogous

E8E0DE
E8E5DD
E6E8DE

Triadic

E8E5DD
DEE8E5
E5DEE8

Split-Comp.

E8E5DD
DEE6E8
E0DEE8

Tetradic

E8E5DD
DEE8E0
DEE0E8
E8DEE6

Contrast Matrix WCAG 2.1 Contrast

E8E5DD
000505
277C99
871485
FC9E24
—
16.3
AAA
3.8
AA Large
6.8
AA
1.7
Fail
16.3
AAA
—
4.3
AA Large
2.4
Fail
9.8
AAA
3.8
AA Large
4.3
AA Large
—
1.8
Fail
2.3
Fail
6.8
AA
2.4
Fail
1.8
Fail
—
4.1
AA Large
1.7
Fail
9.8
AAA
2.3
Fail
4.1
AA Large
—
White BG
1.3Fail
20.5AAA
4.7AA
8.5AAA
2.1Fail
Black BG
16.7AAA
1.0Fail
4.4AA Large
2.5Fail
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7DF
020205
4C4D92
55546A
D3D242

Deuteranopia

E7E7DF
020205
474190
5C6563
D9E049

Tritanopia

E8E0E1
000505
2B8C8B
81544F
F7595E

Achromatopsia

E5E5E5
040404
666666
434343
ACACAC

Shades & Tints Shades & Tints

#E8E5DD

Dark
Light

#000505

Dark
Light

#277C99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e5dd;
  --color-2: #000505;
  --color-3: #277c99;
  --color-4: #871485;
  --color-5: #fc9e24;
}

SCSS

$color-1: #e8e5dd;
$color-2: #000505;
$color-3: #277c99;
$color-4: #871485;
$color-5: #fc9e24;

TAILWIND

colors: {
  'brand-1': '#e8e5dd',
  'brand-2': '#000505',
  'brand-3': '#277c99',
  'brand-4': '#871485',
  'brand-5': '#fc9e24',
}

RGB Array

[232, 229, 221], [0, 5, 5], [39, 124, 153], [135, 20, 133], [252, 158, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E5DD, #000505, #277C99, #871485, #FC9E24 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: #e8e5dd; --color-2: #000505; --color-3: #277c99; --color-4: #871485; --color-5: #fc9e24. 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