← Back to Editor

#E6E8DB · #C4C076 · #A1EBF6 · #644253 · #5A3836

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

#E6E8DB

Fresh Green · Beige · Lemon Cream

HEX
#E6E8DB
RGB
rgb(230, 232, 219)
HSL
hsl(69, 22%, 88%)
HSB
hsb(69, 6%, 91%)
CMYK
cmyk(1%, 0%, 6%, 9%)
Oklch
oklch(92.6% 0.017 113.8)

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

#C4C076

Fresh Green · Tan · Sunflower

HEX
#C4C076
RGB
rgb(196, 192, 118)
HSL
hsl(57, 40%, 62%)
HSB
hsb(57, 40%, 77%)
CMYK
cmyk(0%, 2%, 40%, 23%)
Oklch
oklch(79.4% 0.096 105.7)

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

#A1EBF6

Sky Blue · LightBlue · Glacier Blue

HEX
#A1EBF6
RGB
rgb(161, 235, 246)
HSL
hsl(188, 83%, 80%)
HSB
hsb(188, 35%, 96%)
CMYK
cmyk(35%, 4%, 0%, 4%)
Oklch
oklch(89.5% 0.074 207.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#644253

Dark Violet · DimGray · Camellia

HEX
#644253
RGB
rgb(100, 66, 83)
HSL
hsl(330, 20%, 33%)
HSB
hsb(330, 34%, 39%)
CMYK
cmyk(0%, 34%, 17%, 61%)
Oklch
oklch(42.3% 0.053 348.2)

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

#5A3836

Crimson · DarkOliveGreen · Wine Red

HEX
#5A3836
RGB
rgb(90, 56, 54)
HSL
hsl(3, 25%, 28%)
HSB
hsb(3, 40%, 35%)
CMYK
cmyk(0%, 38%, 40%, 65%)
Oklch
oklch(38.1% 0.049 23.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E8DB
DCDAE7

Analogous

E7E2DA
E6E8DB
DEE7DA

Triadic

E6E8DB
DAE5E7
E7DAE5

Split-Comp.

E6E8DB
DADEE7
E2DAE7

Tetradic

E6E8DB
DAE7E2
DCDAE7
E7DADE

Contrast Matrix WCAG 2.1 Contrast

E6E8DB
C4C076
A1EBF6
644253
5A3836
—
1.5
Fail
1.1
Fail
6.9
AA
8.2
AAA
1.5
Fail
—
1.4
Fail
4.6
AA
5.4
AA
1.1
Fail
1.4
Fail
—
6.4
AA
7.7
AAA
6.9
AA
4.6
AA
6.4
AA
—
1.2
Fail
8.2
AAA
5.4
AA
7.7
AAA
1.2
Fail
—
White BG
1.2Fail
1.9Fail
1.3Fail
8.6AAA
10.2AAA
Black BG
16.9AAA
11.1AAA
15.7AAA
2.4Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7DE
C2C288
C1C2F3
55554F
4B4B36

Deuteranopia

E7E7DF
C3C38C
BDB7F3
575A4E
4D5037

Tritanopia

E6E1E1
C49699
A5F1F1
624C4B
583737

Achromatopsia

E6E6E6
B9B9B9
D6D6D6
4E4E4E
424242

Shades & Tints Shades & Tints

#E6E8DB

Dark
Light

#C4C076

Dark
Light

#A1EBF6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e8db;
  --color-2: #c4c076;
  --color-3: #a1ebf6;
  --color-4: #644253;
  --color-5: #5a3836;
}

SCSS

$color-1: #e6e8db;
$color-2: #c4c076;
$color-3: #a1ebf6;
$color-4: #644253;
$color-5: #5a3836;

TAILWIND

colors: {
  'brand-1': '#e6e8db',
  'brand-2': '#c4c076',
  'brand-3': '#a1ebf6',
  'brand-4': '#644253',
  'brand-5': '#5a3836',
}

RGB Array

[230, 232, 219], [196, 192, 118], [161, 235, 246], [100, 66, 83], [90, 56, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6E8DB, #C4C076, #A1EBF6, #644253, #5A3836 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e6e8db; --color-2: #c4c076; --color-3: #a1ebf6; --color-4: #644253; --color-5: #5a3836. 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. 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