← Back to Editor

#473644 · #347B7D · #A5C2B2 · #E8F7CB · #FFDA9E

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

#473644

Rose Purple · DarkSlateGray · Eggplant

HEX
#473644
RGB
rgb(71, 54, 68)
HSL
hsl(311, 14%, 25%)
HSB
hsb(311, 24%, 28%)
CMYK
cmyk(0%, 24%, 4%, 72%)
Oklch
oklch(35.7% 0.033 332.4)

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

#347B7D

Slate Blue · SeaGreen · Mint Ice

HEX
#347B7D
RGB
rgb(52, 123, 125)
HSL
hsl(182, 41%, 35%)
HSB
hsb(182, 58%, 49%)
CMYK
cmyk(58%, 2%, 0%, 51%)
Oklch
oklch(53.9% 0.071 197.8)

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

#A5C2B2

Celadon · DarkGray · Apple Green

HEX
#A5C2B2
RGB
rgb(165, 194, 178)
HSL
hsl(147, 19%, 70%)
HSB
hsb(147, 15%, 76%)
CMYK
cmyk(15%, 0%, 8%, 24%)
Oklch
oklch(78.8% 0.039 161.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#E8F7CB

Willow Green · Beige · Mint Green

HEX
#E8F7CB
RGB
rgb(232, 247, 203)
HSL
hsl(80, 73%, 88%)
HSB
hsb(80, 18%, 97%)
CMYK
cmyk(6%, 0%, 18%, 3%)
Oklch
oklch(95.4% 0.060 122.8)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#FFDA9E

Goose Yellow · Wheat · Peach Orange

HEX
#FFDA9E
RGB
rgb(255, 218, 158)
HSL
hsl(37, 100%, 81%)
HSB
hsb(37, 38%, 100%)
CMYK
cmyk(0%, 15%, 38%, 0%)
Oklch
oklch(90.6% 0.087 79.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

473644
37493A

Analogous

433749
473644
49373C

Triadic

473644
454937
374549

Split-Comp.

473644
3C4937
374943

Tetradic

473644
494337
37493A
373C49

Contrast Matrix WCAG 2.1 Contrast

473644
347B7D
A5C2B2
E8F7CB
FFDA9E
—
2.3
Fail
5.8
AA
9.9
AAA
8.4
AAA
2.3
Fail
—
2.6
Fail
4.4
AA Large
3.7
AA Large
5.8
AA
2.6
Fail
—
1.7
Fail
1.4
Fail
9.9
AAA
4.4
AA Large
1.7
Fail
—
1.2
Fail
8.4
AAA
3.7
AA Large
1.4
Fail
1.2
Fail
—
White BG
11.2AAA
4.9AA
1.9Fail
1.1Fail
1.3Fail
Black BG
1.9Fail
4.3AA Large
11.0AAA
18.6AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

403F41
53537D
B2B2B6
EEEFD6
EFEFAD

Deuteranopia

414240
4F497C
B0AEB7
EEECD8
F1F4B0

Tritanopia

463E3D
387C7C
A6B9BA
E9DEE0
FDB8BB

Achromatopsia

3D3D3D
666666
B8B8B8
EDEDED
DEDEDE

Shades & Tints Shades & Tints

#473644

Dark
Light

#347B7D

Dark
Light

#A5C2B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #473644;
  --color-2: #347b7d;
  --color-3: #a5c2b2;
  --color-4: #e8f7cb;
  --color-5: #ffda9e;
}

SCSS

$color-1: #473644;
$color-2: #347b7d;
$color-3: #a5c2b2;
$color-4: #e8f7cb;
$color-5: #ffda9e;

TAILWIND

colors: {
  'brand-1': '#473644',
  'brand-2': '#347b7d',
  'brand-3': '#a5c2b2',
  'brand-4': '#e8f7cb',
  'brand-5': '#ffda9e',
}

RGB Array

[71, 54, 68], [52, 123, 125], [165, 194, 178], [232, 247, 203], [255, 218, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #473644, #347B7D, #A5C2B2, #E8F7CB, #FFDA9E 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: #473644; --color-2: #347b7d; --color-3: #a5c2b2; --color-4: #e8f7cb; --color-5: #ffda9e. 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