#6C7882 + #A58791 + #DD96A0 + #DEA9B0 + #DEB6C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#6C7882

Slate Blue · SlateGray · Warm Gray

HEX

#6C7882

RGB

rgb(108, 120, 130)

HSL

hsl(207, 9%, 47%)

HSB

hsb(207, 17%, 51%)

CMYK

cmyk(17%, 8%, 0%, 49%)

Oklch

oklch(56.6% 0.021 243.2)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#A58791

Dark Violet · Gray · Rose Pink

HEX

#A58791

RGB

rgb(165, 135, 145)

HSL

hsl(340, 14%, 59%)

HSB

hsb(340, 18%, 65%)

CMYK

cmyk(0%, 18%, 12%, 35%)

Oklch

oklch(65.4% 0.039 356.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#DD96A0

Peach Pink · Tan · Coral Red

HEX

#DD96A0

RGB

rgb(221, 150, 160)

HSL

hsl(352, 51%, 73%)

HSB

hsb(352, 32%, 87%)

CMYK

cmyk(0%, 32%, 28%, 13%)

Oklch

oklch(74.6% 0.086 10.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DEA9B0

Peach Pink · LightPink · Coral Red

HEX

#DEA9B0

RGB

rgb(222, 169, 176)

HSL

hsl(352, 45%, 77%)

HSB

hsb(352, 24%, 87%)

CMYK

cmyk(0%, 24%, 21%, 13%)

Oklch

oklch(78.6% 0.063 9.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DEB6C1

Rouge · Silver · Cherry Blossom

HEX

#DEB6C1

RGB

rgb(222, 182, 193)

HSL

hsl(344, 38%, 79%)

HSB

hsb(344, 18%, 87%)

CMYK

cmyk(0%, 18%, 13%, 13%)

Oklch

oklch(81.5% 0.048 359.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C7882

83776D

Analogous

6D8382

6C7882

6D6E83

Triadic

6C7882

836D79

79836D

Split-Comp.

6C7882

836D6E

83826D

Tetradic

6C7882

826D83

83776D

6E836D

Contrast Matrix WCAG 2.1 Contrast

6C7882	A58791	DD96A0	DEA9B0	DEB6C1
—	1.4 Fail	1.9 Fail	2.2 Fail	2.5 Fail
1.4 Fail	—	1.4 Fail	1.6 Fail	1.8 Fail
1.9 Fail	1.4 Fail	—	1.2 Fail	1.3 Fail
2.2 Fail	1.6 Fail	1.2 Fail	—	1.1 Fail
2.5 Fail	1.8 Fail	1.3 Fail	1.1 Fail	—

White BG

4.5AA

3.2AA Large

2.3Fail

2.0Fail

1.8Fail

Black BG

4.6AA

6.5AA

8.9AAA

10.4AAA

11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

717180

98988F

BEBE9E

C7C7AE

CDCCBE

Deuteranopia

71707F

9A9C8E

C2C89D

CACEAE

CFD2BE

Tritanopia

6D7E7D

A48D8C

D99C9B

DBADAD

DCBCBC

Achromatopsia

767676

919191

ACACAC

BABABA

C3C3C3

Shades & Tints Shades & Tints

#6C7882

Dark

Light

#A58791

Dark

Light

#DD96A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c7882;
  --color-2: #a58791;
  --color-3: #dd96a0;
  --color-4: #dea9b0;
  --color-5: #deb6c1;
}

SCSS

$color-1: #6c7882;
$color-2: #a58791;
$color-3: #dd96a0;
$color-4: #dea9b0;
$color-5: #deb6c1;

TAILWIND

colors: {
  'brand-1': '#6c7882',
  'brand-2': '#a58791',
  'brand-3': '#dd96a0',
  'brand-4': '#dea9b0',
  'brand-5': '#deb6c1',
}

RGB Array

[108, 120, 130], [165, 135, 145], [221, 150, 160], [222, 169, 176], [222, 182, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C7882, #A58791, #DD96A0, #DEA9B0, #DEB6C1 is ideal for: health products, baby brands, fresh-style blogs. 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: #6c7882; --color-2: #a58791; --color-3: #dd96a0; --color-4: #dea9b0; --color-5: #deb6c1. 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. 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