← Back to Editor

#4D4144 · #E3B8B7 · #F2D4C9 · #EDE4D6 · #EAE9F7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#4D4144

Crimson · DarkSlateGray · Charcoal

HEX
#4D4144
RGB
rgb(77, 65, 68)
HSL
hsl(345, 8%, 28%)
HSB
hsb(345, 16%, 30%)
CMYK
cmyk(0%, 16%, 12%, 70%)
Oklch
oklch(38.9% 0.017 1.1)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#E3B8B7

Peach Pink · LightPink · Coral Red

HEX
#E3B8B7
RGB
rgb(227, 184, 183)
HSL
hsl(1, 44%, 80%)
HSB
hsb(1, 19%, 89%)
CMYK
cmyk(0%, 19%, 19%, 11%)
Oklch
oklch(82.0% 0.050 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F2D4C9

Apricot · Bisque · Peach Orange

HEX
#F2D4C9
RGB
rgb(242, 212, 201)
HSL
hsl(16, 61%, 87%)
HSB
hsb(16, 17%, 95%)
CMYK
cmyk(0%, 12%, 17%, 5%)
Oklch
oklch(89.2% 0.037 41.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EDE4D6

Goose Yellow · Beige · Peach Orange

HEX
#EDE4D6
RGB
rgb(237, 228, 214)
HSL
hsl(37, 39%, 88%)
HSB
hsb(37, 10%, 93%)
CMYK
cmyk(0%, 4%, 10%, 7%)
Oklch
oklch(92.2% 0.021 79.1)

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

#EAE9F7

Wisteria · Lavender · Sky Blue

HEX
#EAE9F7
RGB
rgb(234, 233, 247)
HSL
hsl(244, 47%, 94%)
HSB
hsb(244, 6%, 97%)
CMYK
cmyk(5%, 6%, 0%, 3%)
Oklch
oklch(93.9% 0.019 289.3)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D4144
424D4A

Analogous

4D424A
4D4144
4D4542

Triadic

4D4144
454D42
42454D

Split-Comp.

4D4144
424D45
424A4D

Tetradic

4D4144
4A4D42
424D4A
45424D

Contrast Matrix WCAG 2.1 Contrast

4D4144
E3B8B7
F2D4C9
EDE4D6
EAE9F7
—
5.5
AA
7.0
AA
7.7
AAA
8.1
AAA
5.5
AA
—
1.3
Fail
1.4
Fail
1.5
Fail
7.0
AA
1.3
Fail
—
1.1
Fail
1.2
Fail
7.7
AAA
1.4
Fail
1.1
Fail
—
1.0
Fail
8.1
AAA
1.5
Fail
1.2
Fail
1.0
Fail
—
White BG
9.7AAA
1.8Fail
1.4Fail
1.3Fail
1.2Fail
Black BG
2.2Fail
11.8AAA
15.0AAA
16.7AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484843
D0D0B7
E5E5CC
E9E9D9
EAEAF4

Deuteranopia

494943
D3D6B7
E7E9CC
EAEADA
EAEAF3

Tritanopia

4C4343
E1B7B7
F0CECE
EDDCDD
EAF1F0

Achromatopsia

454545
C5C5C5
DCDCDC
E5E5E5
EBEBEB

Shades & Tints Shades & Tints

#4D4144

Dark
Light

#E3B8B7

Dark
Light

#F2D4C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d4144;
  --color-2: #e3b8b7;
  --color-3: #f2d4c9;
  --color-4: #ede4d6;
  --color-5: #eae9f7;
}

SCSS

$color-1: #4d4144;
$color-2: #e3b8b7;
$color-3: #f2d4c9;
$color-4: #ede4d6;
$color-5: #eae9f7;

TAILWIND

colors: {
  'brand-1': '#4d4144',
  'brand-2': '#e3b8b7',
  'brand-3': '#f2d4c9',
  'brand-4': '#ede4d6',
  'brand-5': '#eae9f7',
}

RGB Array

[77, 65, 68], [227, 184, 183], [242, 212, 201], [237, 228, 214], [234, 233, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D4144, #E3B8B7, #F2D4C9, #EDE4D6, #EAE9F7 is ideal for: health products, baby brands, fresh-style blogs, 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: #4d4144; --color-2: #e3b8b7; --color-3: #f2d4c9; --color-4: #ede4d6; --color-5: #eae9f7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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