← Back to Editor

#D19EAE · #876D6A · #C11A72 · #F4DBD0 · #68758B

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

#D19EAE

Rouge · Tan · Rose Pink

HEX
#D19EAE
RGB
rgb(209, 158, 174)
HSL
hsl(341, 36%, 72%)
HSB
hsb(341, 24%, 82%)
CMYK
cmyk(0%, 24%, 17%, 18%)
Oklch
oklch(75.2% 0.064 358.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#876D6A

Crimson · Gray · Passion Red

HEX
#876D6A
RGB
rgb(135, 109, 106)
HSL
hsl(6, 12%, 47%)
HSB
hsb(6, 21%, 53%)
CMYK
cmyk(0%, 19%, 21%, 47%)
Oklch
oklch(55.9% 0.034 25.9)

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

#C11A72

Rose Purple · MediumVioletRed · Camellia

HEX
#C11A72
RGB
rgb(193, 26, 114)
HSL
hsl(328, 76%, 43%)
HSB
hsb(328, 87%, 76%)
CMYK
cmyk(0%, 87%, 41%, 24%)
Oklch
oklch(53.8% 0.207 355.9)

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

#F4DBD0

Apricot · Bisque · Peach Orange

HEX
#F4DBD0
RGB
rgb(244, 219, 208)
HSL
hsl(18, 62%, 89%)
HSB
hsb(18, 15%, 96%)
CMYK
cmyk(0%, 10%, 15%, 4%)
Oklch
oklch(90.9% 0.032 45.3)

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

#68758B

Indigo · SlateGray · Navy Blue

HEX
#68758B
RGB
rgb(104, 117, 139)
HSL
hsl(218, 14%, 48%)
HSB
hsb(218, 25%, 55%)
CMYK
cmyk(25%, 16%, 0%, 45%)
Oklch
oklch(56.0% 0.038 260.9)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D19EAE
9ED1C1

Analogous

D19EC8
D19EAE
D1A79E

Triadic

D19EAE
AED19E
9EAED1

Split-Comp.

D19EAE
9ED1A7
9EC8D1

Tetradic

D19EAE
C8D19E
9ED1C1
A79ED1

Contrast Matrix WCAG 2.1 Contrast

D19EAE
876D6A
C11A72
F4DBD0
68758B
—
2.1
Fail
2.5
Fail
1.7
Fail
2.0
Fail
2.1
Fail
—
1.2
Fail
3.6
AA Large
1.0
Fail
2.5
Fail
1.2
Fail
—
4.3
AA Large
1.2
Fail
1.7
Fail
3.6
AA Large
4.3
AA Large
—
3.5
AA Large
2.0
Fail
1.0
Fail
1.2
Fail
3.5
AA Large
—
White BG
2.3Fail
4.7AA
5.7AA
1.3Fail
4.7AA
Black BG
9.2AAA
4.4AA Large
3.7AA Large
15.9AAA
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBAAA
7C7C6B
79775D
E9E9D3
6E6E86

Deuteranopia

BEC2A9
7D7F6B
828F58
EBEDD3
6D6C84

Tritanopia

CEA7A6
866B6B
B94C48
F3D5D5
698181

Achromatopsia

AFAFAF
747474
565656
E1E1E1
747474

Shades & Tints Shades & Tints

#D19EAE

Dark
Light

#876D6A

Dark
Light

#C11A72

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d19eae;
  --color-2: #876d6a;
  --color-3: #c11a72;
  --color-4: #f4dbd0;
  --color-5: #68758b;
}

SCSS

$color-1: #d19eae;
$color-2: #876d6a;
$color-3: #c11a72;
$color-4: #f4dbd0;
$color-5: #68758b;

TAILWIND

colors: {
  'brand-1': '#d19eae',
  'brand-2': '#876d6a',
  'brand-3': '#c11a72',
  'brand-4': '#f4dbd0',
  'brand-5': '#68758b',
}

RGB Array

[209, 158, 174], [135, 109, 106], [193, 26, 114], [244, 219, 208], [104, 117, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D19EAE, #876D6A, #C11A72, #F4DBD0, #68758B 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: #d19eae; --color-2: #876d6a; --color-3: #c11a72; --color-4: #f4dbd0; --color-5: #68758b. 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