← Back to Editor

#6E5459 · #EE9871 · #D7B0A9 · #C5BBC2 · #D4C2C9

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

#6E5459

Crimson · DimGray · Wine Red

HEX
#6E5459
RGB
rgb(110, 84, 89)
HSL
hsl(348, 13%, 38%)
HSB
hsb(348, 24%, 43%)
CMYK
cmyk(0%, 24%, 19%, 57%)
Oklch
oklch(47.4% 0.035 5.7)

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

#EE9871

Apricot · DarkSalmon · Warm Sun

HEX
#EE9871
RGB
rgb(238, 152, 113)
HSL
hsl(19, 79%, 69%)
HSB
hsb(19, 53%, 93%)
CMYK
cmyk(0%, 36%, 53%, 7%)
Oklch
oklch(75.8% 0.117 44.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D7B0A9

Peach Pink · Tan · Coral Red

HEX
#D7B0A9
RGB
rgb(215, 176, 169)
HSL
hsl(9, 37%, 75%)
HSB
hsb(9, 21%, 84%)
CMYK
cmyk(0%, 18%, 21%, 16%)
Oklch
oklch(79.0% 0.047 30.0)

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

#C5BBC2

Mauve · Silver · Pearl Gray

HEX
#C5BBC2
RGB
rgb(197, 187, 194)
HSL
hsl(318, 8%, 75%)
HSB
hsb(318, 5%, 77%)
CMYK
cmyk(0%, 5%, 2%, 23%)
Oklch
oklch(80.2% 0.015 336.2)

Traditional「Mauve」· Paint「Pearl Gray」· Creative Silver Lining

#D4C2C9

Rouge · LightGray · Cherry Blossom

HEX
#D4C2C9
RGB
rgb(212, 194, 201)
HSL
hsl(337, 17%, 80%)
HSB
hsb(337, 8%, 83%)
CMYK
cmyk(0%, 8%, 5%, 17%)
Oklch
oklch(83.1% 0.022 352.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E5459
546D68

Analogous

6D5466
6E5459
6D5C54

Triadic

6E5459
596D54
54596D

Split-Comp.

6E5459
546D5C
54666D

Tetradic

6E5459
666D54
546D68
5C546D

Contrast Matrix WCAG 2.1 Contrast

6E5459
EE9871
D7B0A9
C5BBC2
D4C2C9
—
3.0
AA Large
3.5
AA Large
3.7
AA Large
4.0
AA Large
3.0
AA Large
—
1.1
Fail
1.2
Fail
1.3
Fail
3.5
AA Large
1.1
Fail
—
1.1
Fail
1.2
Fail
3.7
AA Large
1.2
Fail
1.1
Fail
—
1.1
Fail
4.0
AA Large
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
6.8AA
2.2Fail
2.0Fail
1.9Fail
1.7Fail
Black BG
3.1AA Large
9.4AAA
10.7AAA
11.3AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

636358
C9C87A
C6C6AB
C1C1C0
CCCCC7

Deuteranopia

646658
CED47D
C8CBAB
C1C2C0
CDCFC7

Tritanopia

6D5757
EA8284
D5ACAC
C4BFBF
D3C6C6

Achromatopsia

5C5C5C
ADADAD
BBBBBB
BFBFBF
C8C8C8

Shades & Tints Shades & Tints

#6E5459

Dark
Light

#EE9871

Dark
Light

#D7B0A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e5459;
  --color-2: #ee9871;
  --color-3: #d7b0a9;
  --color-4: #c5bbc2;
  --color-5: #d4c2c9;
}

SCSS

$color-1: #6e5459;
$color-2: #ee9871;
$color-3: #d7b0a9;
$color-4: #c5bbc2;
$color-5: #d4c2c9;

TAILWIND

colors: {
  'brand-1': '#6e5459',
  'brand-2': '#ee9871',
  'brand-3': '#d7b0a9',
  'brand-4': '#c5bbc2',
  'brand-5': '#d4c2c9',
}

RGB Array

[110, 84, 89], [238, 152, 113], [215, 176, 169], [197, 187, 194], [212, 194, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E5459, #EE9871, #D7B0A9, #C5BBC2, #D4C2C9 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: #6e5459; --color-2: #ee9871; --color-3: #d7b0a9; --color-4: #c5bbc2; --color-5: #d4c2c9. 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