← Back to Editor

#E8E3C9 · #63495B · #6D594E · #493B3A · #5A92A3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E8E3C9

Fresh Green · Bisque · Lemon Cream

HEX
#E8E3C9
RGB
rgb(232, 227, 201)
HSL
hsl(50, 40%, 85%)
HSB
hsb(50, 13%, 91%)
CMYK
cmyk(0%, 2%, 13%, 9%)
Oklch
oklch(91.3% 0.035 98.1)

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

#63495B

Rose Purple · DimGray · Eggplant

HEX
#63495B
RGB
rgb(99, 73, 91)
HSL
hsl(318, 15%, 34%)
HSB
hsb(318, 26%, 39%)
CMYK
cmyk(0%, 26%, 8%, 61%)
Oklch
oklch(44.0% 0.045 338.0)

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

#6D594E

Tangerine · DimGray · Amber Brown

HEX
#6D594E
RGB
rgb(109, 89, 78)
HSL
hsl(21, 17%, 37%)
HSB
hsb(21, 28%, 43%)
CMYK
cmyk(0%, 18%, 28%, 57%)
Oklch
oklch(48.1% 0.032 50.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#493B3A

Crimson · DarkSlateGray · Wine Red

HEX
#493B3A
RGB
rgb(73, 59, 58)
HSL
hsl(4, 11%, 26%)
HSB
hsb(4, 21%, 29%)
CMYK
cmyk(0%, 19%, 21%, 71%)
Oklch
oklch(36.7% 0.020 22.9)

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

#5A92A3

Slate Blue · CadetBlue · Mint Ice

HEX
#5A92A3
RGB
rgb(90, 146, 163)
HSL
hsl(194, 29%, 50%)
HSB
hsb(194, 45%, 64%)
CMYK
cmyk(45%, 10%, 0%, 36%)
Oklch
oklch(62.8% 0.064 219.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E3C9
C9CFE8

Analogous

E8D4C9
E8E3C9
DEE8C9

Triadic

E8E3C9
C9E8E3
E3C9E8

Split-Comp.

E8E3C9
C9DEE8
D4C9E8

Tetradic

E8E3C9
C9E8D4
C9CFE8
E8C9DE

Contrast Matrix WCAG 2.1 Contrast

E8E3C9
63495B
6D594E
493B3A
5A92A3
—
6.2
AA
5.1
AA
8.3
AAA
2.7
Fail
6.2
AA
—
1.2
Fail
1.3
Fail
2.3
Fail
5.1
AA
1.2
Fail
—
1.6
Fail
1.9
Fail
8.3
AAA
1.3
Fail
1.6
Fail
—
3.1
AA Large
2.7
Fail
2.3
Fail
1.9
Fail
3.1
AA Large
—
White BG
1.3Fail
8.0AAA
6.6AA
10.7AAA
3.5AA Large
Black BG
16.3AAA
2.6Fail
3.2AA Large
2.0Fail
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6CF
585857
646451
43433A
72739F

Deuteranopia

E6E6D1
595B56
666751
44453A
6F6B9E

Tritanopia

E8D4D5
625352
6C5353
483A3A
5D9C9B

Achromatopsia

E2E2E2
535353
5E5E5E
3F3F3F
838383

Shades & Tints Shades & Tints

#E8E3C9

Dark
Light

#63495B

Dark
Light

#6D594E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e3c9;
  --color-2: #63495b;
  --color-3: #6d594e;
  --color-4: #493b3a;
  --color-5: #5a92a3;
}

SCSS

$color-1: #e8e3c9;
$color-2: #63495b;
$color-3: #6d594e;
$color-4: #493b3a;
$color-5: #5a92a3;

TAILWIND

colors: {
  'brand-1': '#e8e3c9',
  'brand-2': '#63495b',
  'brand-3': '#6d594e',
  'brand-4': '#493b3a',
  'brand-5': '#5a92a3',
}

RGB Array

[232, 227, 201], [99, 73, 91], [109, 89, 78], [73, 59, 58], [90, 146, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E3C9, #63495B, #6D594E, #493B3A, #5A92A3 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: #e8e3c9; --color-2: #63495b; --color-3: #6d594e; --color-4: #493b3a; --color-5: #5a92a3. 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