← Back to Editor

#E5E9AB · #799897 · #5E7384 · #494B5F · #3B3454

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E5E9AB

Fresh Green · Wheat · Lemon Cream

HEX
#E5E9AB
RGB
rgb(229, 233, 171)
HSL
hsl(64, 58%, 79%)
HSB
hsb(64, 27%, 91%)
CMYK
cmyk(2%, 0%, 27%, 9%)
Oklch
oklch(91.6% 0.080 111.0)

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

#799897

Mineral Blue · LightSlateGray · Lake Green

HEX
#799897
RGB
rgb(121, 152, 151)
HSL
hsl(178, 13%, 54%)
HSB
hsb(178, 20%, 60%)
CMYK
cmyk(20%, 0%, 1%, 40%)
Oklch
oklch(65.6% 0.035 193.9)

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

#5E7384

Slate Blue · SlateGray · Navy Blue

HEX
#5E7384
RGB
rgb(94, 115, 132)
HSL
hsl(207, 17%, 44%)
HSB
hsb(207, 29%, 52%)
CMYK
cmyk(29%, 13%, 0%, 48%)
Oklch
oklch(54.5% 0.036 242.8)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#494B5F

Indigo · DarkSlateGray · Prussian Blue

HEX
#494B5F
RGB
rgb(73, 75, 95)
HSL
hsl(235, 13%, 33%)
HSB
hsb(235, 23%, 37%)
CMYK
cmyk(23%, 21%, 0%, 63%)
Oklch
oklch(41.9% 0.033 280.4)

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

#3B3454

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#3B3454
RGB
rgb(59, 52, 84)
HSL
hsl(253, 24%, 27%)
HSB
hsb(253, 38%, 33%)
CMYK
cmyk(30%, 38%, 0%, 67%)
Oklch
oklch(34.7% 0.055 293.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E9AB
AFAAE9

Analogous

E9CEAA
E5E9AB
C5E9AA

Triadic

E5E9AB
AAE4E9
E9AAE4

Split-Comp.

E5E9AB
AAC5E9
CEAAE9

Tetradic

E5E9AB
AAE9CE
AFAAE9
E9AAC5

Contrast Matrix WCAG 2.1 Contrast

E5E9AB
799897
5E7384
494B5F
3B3454
—
2.5
Fail
3.9
AA Large
6.8
AA
9.2
AAA
2.5
Fail
—
1.6
Fail
2.7
Fail
3.7
AA Large
3.9
AA Large
1.6
Fail
—
1.7
Fail
2.4
Fail
6.8
AA
2.7
Fail
1.7
Fail
—
1.4
Fail
9.2
AAA
3.7
AA Large
2.4
Fail
1.4
Fail
—
White BG
1.3Fail
3.1AA Large
4.9AA
8.6AAA
11.6AAA
Black BG
16.6AAA
6.8AA
4.3AA Large
2.5Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7BA
868797
676780
4A4A5A
38384C

Deuteranopia

E7E6BE
858297
66647F
4A4A59
38394A

Tritanopia

E5C6C8
7B9797
5F7D7C
495656
3B4645

Achromatopsia

E1E1E1
8F8F8F
6F6F6F
4D4D4D
3A3A3A

Shades & Tints Shades & Tints

#E5E9AB

Dark
Light

#799897

Dark
Light

#5E7384

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e9ab;
  --color-2: #799897;
  --color-3: #5e7384;
  --color-4: #494b5f;
  --color-5: #3b3454;
}

SCSS

$color-1: #e5e9ab;
$color-2: #799897;
$color-3: #5e7384;
$color-4: #494b5f;
$color-5: #3b3454;

TAILWIND

colors: {
  'brand-1': '#e5e9ab',
  'brand-2': '#799897',
  'brand-3': '#5e7384',
  'brand-4': '#494b5f',
  'brand-5': '#3b3454',
}

RGB Array

[229, 233, 171], [121, 152, 151], [94, 115, 132], [73, 75, 95], [59, 52, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5E9AB, #799897, #5E7384, #494B5F, #3B3454 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e5e9ab; --color-2: #799897; --color-3: #5e7384; --color-4: #494b5f; --color-5: #3b3454. 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 tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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