← Back to Editor

#403434 · #A68888 · #E6BCBC · #DADBD3 · #FDFFF2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#403434

Crimson · DarkSlateGray · Wine Red

HEX
#403434
RGB
rgb(64, 52, 52)
HSL
hsl(0, 10%, 23%)
HSB
hsb(0, 19%, 25%)
CMYK
cmyk(0%, 19%, 19%, 75%)
Oklch
oklch(33.8% 0.017 18.0)

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

#A68888

Crimson · Gray · Passion Red

HEX
#A68888
RGB
rgb(166, 136, 136)
HSL
hsl(0, 14%, 59%)
HSB
hsb(0, 18%, 65%)
CMYK
cmyk(0%, 18%, 18%, 35%)
Oklch
oklch(65.5% 0.037 18.1)

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

#E6BCBC

Peach Pink · LightPink · Cherry Blossom

HEX
#E6BCBC
RGB
rgb(230, 188, 188)
HSL
hsl(0, 46%, 82%)
HSB
hsb(0, 18%, 90%)
CMYK
cmyk(0%, 18%, 18%, 10%)
Oklch
oklch(83.2% 0.048 18.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DADBD3

Fresh Green · LightGray · Lemon Cream

HEX
#DADBD3
RGB
rgb(218, 219, 211)
HSL
hsl(67, 10%, 84%)
HSB
hsb(67, 4%, 86%)
CMYK
cmyk(0%, 0%, 4%, 14%)
Oklch
oklch(88.8% 0.011 112.4)

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

#FDFFF2

Fresh Green · Snow · Lemon Cream

HEX
#FDFFF2
RGB
rgb(253, 255, 242)
HSL
hsl(69, 100%, 97%)
HSB
hsb(69, 5%, 100%)
CMYK
cmyk(1%, 0%, 5%, 0%)
Oklch
oklch(99.5% 0.017 113.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

403434
354141

Analogous

41353B
403434
413B35

Triadic

403434
354135
353541

Split-Comp.

403434
35413B
353B41

Tetradic

403434
3B4135
354141
3B3541

Contrast Matrix WCAG 2.1 Contrast

403434
A68888
E6BCBC
DADBD3
FDFFF2
—
3.7
AA Large
7.0
AA
8.6
AAA
11.8
AAA
3.7
AA Large
—
1.9
Fail
2.3
Fail
3.2
AA Large
7.0
AA
1.9
Fail
—
1.2
Fail
1.7
Fail
8.6
AAA
2.3
Fail
1.2
Fail
—
1.4
Fail
11.8
AAA
3.2
AA Large
1.7
Fail
1.4
Fail
—
White BG
11.9AAA
3.2AA Large
1.7Fail
1.4Fail
1.0Fail
Black BG
1.8Fail
6.5AA
12.3AAA
15.1AAA
20.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3B34
999988
D4D3BC
DADAD5
FEFEF5

Deuteranopia

3C3C34
9B9D88
D6D9BC
DADAD5
FEFEF6

Tritanopia

3F3434
A58888
E4BCBC
DAD6D7
FDF8F8

Achromatopsia

383838
919191
C9C9C9
DADADA
FDFDFD

Shades & Tints Shades & Tints

#403434

Dark
Light

#A68888

Dark
Light

#E6BCBC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #403434;
  --color-2: #a68888;
  --color-3: #e6bcbc;
  --color-4: #dadbd3;
  --color-5: #fdfff2;
}

SCSS

$color-1: #403434;
$color-2: #a68888;
$color-3: #e6bcbc;
$color-4: #dadbd3;
$color-5: #fdfff2;

TAILWIND

colors: {
  'brand-1': '#403434',
  'brand-2': '#a68888',
  'brand-3': '#e6bcbc',
  'brand-4': '#dadbd3',
  'brand-5': '#fdfff2',
}

RGB Array

[64, 52, 52], [166, 136, 136], [230, 188, 188], [218, 219, 211], [253, 255, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #403434, #A68888, #E6BCBC, #DADBD3, #FDFFF2 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: #403434; --color-2: #a68888; --color-3: #e6bcbc; --color-4: #dadbd3; --color-5: #fdfff2. 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