← Back to Editor

#404245 · #2E2626 · #D9DAA5 · #E0DDBA · #E9E3C1

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

#404245

Dark Cyan · DarkSlateGray · Charcoal

HEX
#404245
RGB
rgb(64, 66, 69)
HSL
hsl(216, 4%, 26%)
HSB
hsb(216, 7%, 27%)
CMYK
cmyk(7%, 4%, 0%, 73%)
Oklch
oklch(37.8% 0.006 258.3)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#2E2626

Crimson · DarkSlateGray · Deep Berry

HEX
#2E2626
RGB
rgb(46, 38, 38)
HSL
hsl(0, 10%, 16%)
HSB
hsb(0, 17%, 18%)
CMYK
cmyk(0%, 17%, 17%, 82%)
Oklch
oklch(27.8% 0.012 17.9)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#D9DAA5

Fresh Green · Wheat · Sunflower

HEX
#D9DAA5
RGB
rgb(217, 218, 165)
HSL
hsl(61, 42%, 75%)
HSB
hsb(61, 24%, 85%)
CMYK
cmyk(0%, 0%, 24%, 15%)
Oklch
oklch(87.5% 0.070 108.7)

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

#E0DDBA

Fresh Green · Wheat · Lemon Cream

HEX
#E0DDBA
RGB
rgb(224, 221, 186)
HSL
hsl(55, 38%, 80%)
HSB
hsb(55, 17%, 88%)
CMYK
cmyk(0%, 1%, 17%, 12%)
Oklch
oklch(89.1% 0.046 103.3)

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

#E9E3C1

Fresh Green · Wheat · Lemon Cream

HEX
#E9E3C1
RGB
rgb(233, 227, 193)
HSL
hsl(51, 48%, 84%)
HSB
hsb(51, 17%, 91%)
CMYK
cmyk(0%, 3%, 17%, 9%)
Oklch
oklch(91.2% 0.045 99.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

404245
454340

Analogous

404445
404245
404045

Triadic

404245
454042
424540

Split-Comp.

404245
454040
444540

Tetradic

404245
454044
454340
404540

Contrast Matrix WCAG 2.1 Contrast

404245
2E2626
D9DAA5
E0DDBA
E9E3C1
—
1.5
Fail
7.0
AA
7.3
AAA
7.8
AAA
1.5
Fail
—
10.2
AAA
10.7
AAA
11.4
AAA
7.0
AA
10.2
AAA
—
1.0
Fail
1.1
Fail
7.3
AAA
10.7
AAA
1.0
Fail
—
1.1
Fail
7.8
AAA
11.4
AAA
1.1
Fail
1.1
Fail
—
White BG
10.1AAA
14.8AAA
1.4Fail
1.4Fail
1.3Fail
Black BG
2.1Fail
1.4Fail
14.5AAA
15.2AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414144
2B2A26
D9D9B2
DFDFC2
E6E6C9

Deuteranopia

414144
2B2C26
D9D9B5
DFDFC5
E7E7CB

Tritanopia

404444
2E2626
D9BCBE
E0C9CB
E9D0D1

Achromatopsia

424242
282828
D4D4D4
DADADA
E1E1E1

Shades & Tints Shades & Tints

#404245

Dark
Light

#2E2626

Dark
Light

#D9DAA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #404245;
  --color-2: #2e2626;
  --color-3: #d9daa5;
  --color-4: #e0ddba;
  --color-5: #e9e3c1;
}

SCSS

$color-1: #404245;
$color-2: #2e2626;
$color-3: #d9daa5;
$color-4: #e0ddba;
$color-5: #e9e3c1;

TAILWIND

colors: {
  'brand-1': '#404245',
  'brand-2': '#2e2626',
  'brand-3': '#d9daa5',
  'brand-4': '#e0ddba',
  'brand-5': '#e9e3c1',
}

RGB Array

[64, 66, 69], [46, 38, 38], [217, 218, 165], [224, 221, 186], [233, 227, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #404245, #2E2626, #D9DAA5, #E0DDBA, #E9E3C1 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: #404245; --color-2: #2e2626; --color-3: #d9daa5; --color-4: #e0ddba; --color-5: #e9e3c1. 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