← Back to Editor

#6D6A8A · #BBA1A8 · #CDBEA8 · #D4D0B5 · #CDD1B8

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

#6D6A8A

Deep Indigo · SlateGray · Navy Blue

HEX
#6D6A8A
RGB
rgb(109, 106, 138)
HSL
hsl(246, 13%, 48%)
HSB
hsb(246, 23%, 54%)
CMYK
cmyk(21%, 23%, 0%, 46%)
Oklch
oklch(53.9% 0.050 288.9)

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

#BBA1A8

Rouge · DarkGray · Rose Pink

HEX
#BBA1A8
RGB
rgb(187, 161, 168)
HSL
hsl(344, 16%, 68%)
HSB
hsb(344, 14%, 73%)
CMYK
cmyk(0%, 14%, 10%, 27%)
Oklch
oklch(73.4% 0.032 359.8)

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

#CDBEA8

Goose Yellow · Silver · Warm Sun

HEX
#CDBEA8
RGB
rgb(205, 190, 168)
HSL
hsl(36, 27%, 73%)
HSB
hsb(36, 18%, 80%)
CMYK
cmyk(0%, 7%, 18%, 20%)
Oklch
oklch(80.8% 0.035 77.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D4D0B5

Fresh Green · Silver · Lemon Cream

HEX
#D4D0B5
RGB
rgb(212, 208, 181)
HSL
hsl(52, 26%, 77%)
HSB
hsb(52, 15%, 83%)
CMYK
cmyk(0%, 2%, 15%, 17%)
Oklch
oklch(85.4% 0.037 100.2)

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

#CDD1B8

Willow Green · Silver · Apple Green

HEX
#CDD1B8
RGB
rgb(205, 209, 184)
HSL
hsl(70, 21%, 77%)
HSB
hsb(70, 12%, 82%)
CMYK
cmyk(2%, 0%, 12%, 18%)
Oklch
oklch(85.1% 0.034 114.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D6A8A
878A6A

Analogous

6A778A
6D6A8A
7E6A8A

Triadic

6D6A8A
8A6E6A
6A8A6E

Split-Comp.

6D6A8A
8A7E6A
778A6A

Tetradic

6D6A8A
8A6A77
878A6A
6A8A7E

Contrast Matrix WCAG 2.1 Contrast

6D6A8A
BBA1A8
CDBEA8
D4D0B5
CDD1B8
—
2.2
Fail
2.8
Fail
3.3
AA Large
3.3
AA Large
2.2
Fail
—
1.3
Fail
1.5
Fail
1.5
Fail
2.8
Fail
1.3
Fail
—
1.2
Fail
1.2
Fail
3.3
AA Large
1.5
Fail
1.2
Fail
—
1.0
Fail
3.3
AA Large
1.5
Fail
1.2
Fail
1.0
Fail
—
White BG
5.1AA
2.4Fail
1.8Fail
1.6Fail
1.6Fail
Black BG
4.1AA Large
8.8AAA
11.5AAA
13.5AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C82
B0B0A6
C7C6AD
D2D2BC
CFCFBE

Deuteranopia

6C6C80
B1B3A6
C7C9AF
D3D3BD
CFCEBF

Tritanopia

6D7C7B
BAA5A5
CCB2B2
D4C1C2
CDC3C4

Achromatopsia

6F6F6F
AAAAAA
C0C0C0
CECECE
CDCDCD

Shades & Tints Shades & Tints

#6D6A8A

Dark
Light

#BBA1A8

Dark
Light

#CDBEA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d6a8a;
  --color-2: #bba1a8;
  --color-3: #cdbea8;
  --color-4: #d4d0b5;
  --color-5: #cdd1b8;
}

SCSS

$color-1: #6d6a8a;
$color-2: #bba1a8;
$color-3: #cdbea8;
$color-4: #d4d0b5;
$color-5: #cdd1b8;

TAILWIND

colors: {
  'brand-1': '#6d6a8a',
  'brand-2': '#bba1a8',
  'brand-3': '#cdbea8',
  'brand-4': '#d4d0b5',
  'brand-5': '#cdd1b8',
}

RGB Array

[109, 106, 138], [187, 161, 168], [205, 190, 168], [212, 208, 181], [205, 209, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D6A8A, #BBA1A8, #CDBEA8, #D4D0B5, #CDD1B8 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: #6d6a8a; --color-2: #bba1a8; --color-3: #cdbea8; --color-4: #d4d0b5; --color-5: #cdd1b8. 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