← Back to Editor

#6D728C · #9F9AAF · #D7BEC0 · #F0DDD2 · #E9EECA

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

WorkspaceReading

Color Details Color Details

#6D728C

Indigo · SlateGray · Navy Blue

HEX
#6D728C
RGB
rgb(109, 114, 140)
HSL
hsl(230, 12%, 49%)
HSB
hsb(230, 22%, 55%)
CMYK
cmyk(22%, 19%, 0%, 45%)
Oklch
oklch(55.7% 0.041 276.5)

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

#9F9AAF

Wisteria · DarkGray · Cobalt Blue

HEX
#9F9AAF
RGB
rgb(159, 154, 175)
HSL
hsl(254, 12%, 65%)
HSB
hsb(254, 12%, 69%)
CMYK
cmyk(9%, 12%, 0%, 31%)
Oklch
oklch(69.7% 0.031 296.5)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#D7BEC0

Peach Pink · Silver · Coral Red

HEX
#D7BEC0
RGB
rgb(215, 190, 192)
HSL
hsl(355, 24%, 79%)
HSB
hsb(355, 12%, 84%)
CMYK
cmyk(0%, 12%, 11%, 16%)
Oklch
oklch(82.3% 0.029 12.2)

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

#F0DDD2

Apricot · Bisque · Peach Orange

HEX
#F0DDD2
RGB
rgb(240, 221, 210)
HSL
hsl(22, 50%, 88%)
HSB
hsb(22, 13%, 94%)
CMYK
cmyk(0%, 8%, 13%, 6%)
Oklch
oklch(91.0% 0.026 52.2)

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

#E9EECA

Fresh Green · Beige · Lemon Cream

HEX
#E9EECA
RGB
rgb(233, 238, 202)
HSL
hsl(68, 51%, 86%)
HSB
hsb(68, 15%, 93%)
CMYK
cmyk(2%, 0%, 15%, 7%)
Oklch
oklch(93.6% 0.048 113.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D728C
8C876E

Analogous

6E828C
6D728C
786E8C

Triadic

6D728C
8C6E73
738C6E

Split-Comp.

6D728C
8C786E
828C6E

Tetradic

6D728C
8C6E82
8C876E
6E8C78

Contrast Matrix WCAG 2.1 Contrast

6D728C
9F9AAF
D7BEC0
F0DDD2
E9EECA
—
1.7
Fail
2.7
Fail
3.6
AA Large
4.0
AA Large
1.7
Fail
—
1.6
Fail
2.1
Fail
2.3
Fail
2.7
Fail
1.6
Fail
—
1.3
Fail
1.5
Fail
3.6
AA Large
2.1
Fail
1.3
Fail
—
1.1
Fail
4.0
AA Large
2.3
Fail
1.5
Fail
1.1
Fail
—
White BG
4.7AA
2.7Fail
1.7Fail
1.3Fail
1.2Fail
Black BG
4.4AA Large
7.7AAA
12.0AAA
16.0AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6F86
9D9DAA
CCCCC0
E8E8D5
EBEBD3

Deuteranopia

6F6F84
9D9EA9
CED0BF
E9EAD5
EBEBD5

Tritanopia

6D8180
9FA6A5
D6BFBF
EFD7D7
E9DADB

Achromatopsia

737373
9E9E9E
C6C6C6
E1E1E1
E8E8E8

Shades & Tints Shades & Tints

#6D728C

Dark
Light

#9F9AAF

Dark
Light

#D7BEC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d728c;
  --color-2: #9f9aaf;
  --color-3: #d7bec0;
  --color-4: #f0ddd2;
  --color-5: #e9eeca;
}

SCSS

$color-1: #6d728c;
$color-2: #9f9aaf;
$color-3: #d7bec0;
$color-4: #f0ddd2;
$color-5: #e9eeca;

TAILWIND

colors: {
  'brand-1': '#6d728c',
  'brand-2': '#9f9aaf',
  'brand-3': '#d7bec0',
  'brand-4': '#f0ddd2',
  'brand-5': '#e9eeca',
}

RGB Array

[109, 114, 140], [159, 154, 175], [215, 190, 192], [240, 221, 210], [233, 238, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D728C, #9F9AAF, #D7BEC0, #F0DDD2, #E9EECA is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6d728c; --color-2: #9f9aaf; --color-3: #d7bec0; --color-4: #f0ddd2; --color-5: #e9eeca. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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