← Back to Editor

#403E46 · #C19C9A · #F0B7AA · #DCE5B8 · #BFDEBD

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

#403E46

Dark Cyan · DarkSlateGray · Charcoal

HEX
#403E46
RGB
rgb(64, 62, 70)
HSL
hsl(255, 6%, 26%)
HSB
hsb(255, 11%, 27%)
CMYK
cmyk(9%, 11%, 0%, 73%)
Oklch
oklch(36.9% 0.014 297.2)

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

#C19C9A

Peach Pink · DarkGray · Coral Red

HEX
#C19C9A
RGB
rgb(193, 156, 154)
HSL
hsl(3, 24%, 68%)
HSB
hsb(3, 20%, 76%)
CMYK
cmyk(0%, 19%, 20%, 24%)
Oklch
oklch(72.6% 0.044 21.8)

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

#F0B7AA

Peach Pink · LightPink · Coral Red

HEX
#F0B7AA
RGB
rgb(240, 183, 170)
HSL
hsl(11, 70%, 80%)
HSB
hsb(11, 29%, 94%)
CMYK
cmyk(0%, 24%, 29%, 6%)
Oklch
oklch(82.8% 0.069 33.1)

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

#DCE5B8

Willow Green · Wheat · Mint Green

HEX
#DCE5B8
RGB
rgb(220, 229, 184)
HSL
hsl(72, 46%, 81%)
HSB
hsb(72, 20%, 90%)
CMYK
cmyk(4%, 0%, 20%, 10%)
Oklch
oklch(90.4% 0.060 116.8)

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

#BFDEBD

Celadon · Silver · Mint Green

HEX
#BFDEBD
RGB
rgb(191, 222, 189)
HSL
hsl(116, 33%, 81%)
HSB
hsb(116, 15%, 87%)
CMYK
cmyk(14%, 0%, 15%, 13%)
Oklch
oklch(86.9% 0.056 143.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

403E46
44463E

Analogous

3E4046
403E46
443E46

Triadic

403E46
46403E
3E4640

Split-Comp.

403E46
46443E
40463E

Tetradic

403E46
463E40
44463E
3E4644

Contrast Matrix WCAG 2.1 Contrast

403E46
C19C9A
F0B7AA
DCE5B8
BFDEBD
—
4.3
AA Large
6.0
AA
8.0
AAA
7.2
AAA
4.3
AA Large
—
1.4
Fail
1.9
Fail
1.7
Fail
6.0
AA
1.4
Fail
—
1.3
Fail
1.2
Fail
8.0
AAA
1.9
Fail
1.3
Fail
—
1.1
Fail
7.2
AAA
1.7
Fail
1.2
Fail
1.1
Fail
—
White BG
10.5AAA
2.5Fail
1.7Fail
1.3Fail
1.5Fail
Black BG
2.0Fail
8.5AAA
12.1AAA
15.9AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F44
B1B19A
D7D7AD
E0E0C3
CCCDC5

Deuteranopia

3F3F44
B3B69B
DBDFAE
DFDFC6
CBC8C7

Tritanopia

404342
BF9B9B
EDB0B0
DCCBCD
C1CBCD

Achromatopsia

404040
A7A7A7
C7C7C7
DDDDDD
D1D1D1

Shades & Tints Shades & Tints

#403E46

Dark
Light

#C19C9A

Dark
Light

#F0B7AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #403e46;
  --color-2: #c19c9a;
  --color-3: #f0b7aa;
  --color-4: #dce5b8;
  --color-5: #bfdebd;
}

SCSS

$color-1: #403e46;
$color-2: #c19c9a;
$color-3: #f0b7aa;
$color-4: #dce5b8;
$color-5: #bfdebd;

TAILWIND

colors: {
  'brand-1': '#403e46',
  'brand-2': '#c19c9a',
  'brand-3': '#f0b7aa',
  'brand-4': '#dce5b8',
  'brand-5': '#bfdebd',
}

RGB Array

[64, 62, 70], [193, 156, 154], [240, 183, 170], [220, 229, 184], [191, 222, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #403E46, #C19C9A, #F0B7AA, #DCE5B8, #BFDEBD 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: #403e46; --color-2: #c19c9a; --color-3: #f0b7aa; --color-4: #dce5b8; --color-5: #bfdebd. 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