← Back to Editor

#423345 · #6E6067 · #A19591 · #C7C1AC · #EDECBE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#423345

Dark Plum · DarkSlateGray · Eggplant

HEX
#423345
RGB
rgb(66, 51, 69)
HSL
hsl(290, 15%, 24%)
HSB
hsb(290, 26%, 27%)
CMYK
cmyk(4%, 26%, 0%, 73%)
Oklch
oklch(34.5% 0.037 320.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#6E6067

Ink Gray · DimGray · Charcoal

HEX
#6E6067
RGB
rgb(110, 96, 103)
HSL
hsl(330, 7%, 40%)
HSB
hsb(330, 13%, 43%)
CMYK
cmyk(0%, 13%, 6%, 57%)
Oklch
oklch(50.5% 0.021 346.2)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#A19591

Tangerine · DarkGray · Silver Sand

HEX
#A19591
RGB
rgb(161, 149, 145)
HSL
hsl(15, 8%, 60%)
HSB
hsb(15, 10%, 63%)
CMYK
cmyk(0%, 7%, 10%, 37%)
Oklch
oklch(67.9% 0.015 39.4)

Traditional「Tangerine」· Paint「Silver Sand」· Creative Urban Concrete

#C7C1AC

Goose Yellow · Silver · Sunflower

HEX
#C7C1AC
RGB
rgb(199, 193, 172)
HSL
hsl(47, 19%, 73%)
HSB
hsb(47, 14%, 78%)
CMYK
cmyk(0%, 3%, 14%, 22%)
Oklch
oklch(81.0% 0.029 93.8)

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

#EDECBE

Fresh Green · Wheat · Lemon Cream

HEX
#EDECBE
RGB
rgb(237, 236, 190)
HSL
hsl(59, 57%, 84%)
HSB
hsb(59, 20%, 93%)
CMYK
cmyk(0%, 0%, 20%, 7%)
Oklch
oklch(93.2% 0.060 106.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

423345
374634

Analogous

3A3446
423345
463440

Triadic

423345
464334
344643

Split-Comp.

423345
404634
34463A

Tetradic

423345
463A34
374634
344046

Contrast Matrix WCAG 2.1 Contrast

423345
6E6067
A19591
C7C1AC
EDECBE
—
2.0
Fail
4.0
AA Large
6.5
AA
9.7
AAA
2.0
Fail
—
2.0
Fail
3.3
AA Large
4.9
AA
4.0
AA Large
2.0
Fail
—
1.6
Fail
2.4
Fail
6.5
AA
3.3
AA Large
1.6
Fail
—
1.5
Fail
9.7
AAA
4.9
AA
2.4
Fail
1.5
Fail
—
White BG
11.7AAA
5.9AA
2.9Fail
1.8Fail
1.2Fail
Black BG
1.8Fail
3.5AA Large
7.2AAA
11.7AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3B41
686865
9C9C92
C4C4B1
EDEDC9

Deuteranopia

3C3D40
696A65
9D9D92
C5C5B2
EDEDCC

Tritanopia

413D3C
6D6464
A09393
C7B5B6
EDD2D4

Achromatopsia

3A3A3A
656565
989898
C0C0C0
E7E7E7

Shades & Tints Shades & Tints

#423345

Dark
Light

#6E6067

Dark
Light

#A19591

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #423345;
  --color-2: #6e6067;
  --color-3: #a19591;
  --color-4: #c7c1ac;
  --color-5: #edecbe;
}

SCSS

$color-1: #423345;
$color-2: #6e6067;
$color-3: #a19591;
$color-4: #c7c1ac;
$color-5: #edecbe;

TAILWIND

colors: {
  'brand-1': '#423345',
  'brand-2': '#6e6067',
  'brand-3': '#a19591',
  'brand-4': '#c7c1ac',
  'brand-5': '#edecbe',
}

RGB Array

[66, 51, 69], [110, 96, 103], [161, 149, 145], [199, 193, 172], [237, 236, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #423345, #6E6067, #A19591, #C7C1AC, #EDECBE 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: #423345; --color-2: #6e6067; --color-3: #a19591; --color-4: #c7c1ac; --color-5: #edecbe. 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