← Back to Editor

#DAD9CB · #6CBEC6 · #8E9E9E · #A3747C · #924C5E

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 Library

Color Details Color Details

#DAD9CB

Fresh Green · LightGray · Lemon Cream

HEX
#DAD9CB
RGB
rgb(218, 217, 203)
HSL
hsl(56, 17%, 83%)
HSB
hsb(56, 7%, 85%)
CMYK
cmyk(0%, 0%, 7%, 15%)
Oklch
oklch(88.2% 0.019 103.5)

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

#6CBEC6

Slate Blue · MediumAquaMarine · Lake Green

HEX
#6CBEC6
RGB
rgb(108, 190, 198)
HSL
hsl(185, 44%, 60%)
HSB
hsb(185, 45%, 78%)
CMYK
cmyk(45%, 4%, 0%, 22%)
Oklch
oklch(75.2% 0.081 203.7)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8E9E9E

Slate Blue · DarkGray · Silver Sand

HEX
#8E9E9E
RGB
rgb(142, 158, 158)
HSL
hsl(180, 8%, 59%)
HSB
hsb(180, 10%, 62%)
CMYK
cmyk(10%, 0%, 0%, 38%)
Oklch
oklch(68.7% 0.018 196.7)

Traditional「Slate Blue」· Paint「Silver Sand」· Creative Urban Concrete

#A3747C

Crimson · Gray · Passion Red

HEX
#A3747C
RGB
rgb(163, 116, 124)
HSL
hsl(350, 20%, 55%)
HSB
hsb(350, 29%, 64%)
CMYK
cmyk(0%, 29%, 24%, 36%)
Oklch
oklch(60.9% 0.060 7.7)

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

#924C5E

Crimson · Sienna · Passion Red

HEX
#924C5E
RGB
rgb(146, 76, 94)
HSL
hsl(345, 32%, 44%)
HSB
hsb(345, 48%, 57%)
CMYK
cmyk(0%, 48%, 36%, 43%)
Oklch
oklch(50.7% 0.096 4.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAD9CB
CCCDDB

Analogous

DBD3CC
DAD9CB
D5DBCC

Triadic

DAD9CB
CCDBDA
DACCDB

Split-Comp.

DAD9CB
CCD5DB
D3CCDB

Tetradic

DAD9CB
CCDBD3
CCCDDB
DBCCD5

Contrast Matrix WCAG 2.1 Contrast

DAD9CB
6CBEC6
8E9E9E
A3747C
924C5E
—
1.5
Fail
2.0
Fail
2.8
Fail
4.3
AA Large
1.5
Fail
—
1.3
Fail
1.8
Fail
2.9
Fail
2.0
Fail
1.3
Fail
—
1.4
Fail
2.2
Fail
2.8
Fail
1.8
Fail
1.4
Fail
—
1.6
Fail
4.3
AA Large
2.9
Fail
2.2
Fail
1.6
Fail
—
White BG
1.4Fail
2.1Fail
2.8Fail
3.9AA Large
6.1AA
Black BG
14.8AAA
9.8AAA
7.5AAA
5.3AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADACE
9090C4
95959E
8F8E7A
74735A

Deuteranopia

DADACF
8B85C4
94939E
91957A
787D59

Tritanopia

DAD1D2
70C3C2
8F9E9E
A17978
8F5655

Achromatopsia

D8D8D8
A6A6A6
999999
838383
636363

Shades & Tints Shades & Tints

#DAD9CB

Dark
Light

#6CBEC6

Dark
Light

#8E9E9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dad9cb;
  --color-2: #6cbec6;
  --color-3: #8e9e9e;
  --color-4: #a3747c;
  --color-5: #924c5e;
}

SCSS

$color-1: #dad9cb;
$color-2: #6cbec6;
$color-3: #8e9e9e;
$color-4: #a3747c;
$color-5: #924c5e;

TAILWIND

colors: {
  'brand-1': '#dad9cb',
  'brand-2': '#6cbec6',
  'brand-3': '#8e9e9e',
  'brand-4': '#a3747c',
  'brand-5': '#924c5e',
}

RGB Array

[218, 217, 203], [108, 190, 198], [142, 158, 158], [163, 116, 124], [146, 76, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAD9CB, #6CBEC6, #8E9E9E, #A3747C, #924C5E is ideal for: brand design, premium product pages, magazine layouts. 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: #dad9cb; --color-2: #6cbec6; --color-3: #8e9e9e; --color-4: #a3747c; --color-5: #924c5e. 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. 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. 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