← Back to Editor

#C9CDCE · #DDCDA9 · #B7CAD8 · #C7CACF · #98CCE2

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

#C9CDCE

Silver Gray · LightGray · Pearl Gray

HEX
#C9CDCE
RGB
rgb(201, 205, 206)
HSL
hsl(192, 5%, 80%)
HSB
hsb(192, 2%, 81%)
CMYK
cmyk(2%, 0%, 0%, 19%)
Oklch
oklch(84.5% 0.005 214.3)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#DDCDA9

Goose Yellow · Wheat · Lemon Cream

HEX
#DDCDA9
RGB
rgb(221, 205, 169)
HSL
hsl(42, 43%, 76%)
HSB
hsb(42, 24%, 87%)
CMYK
cmyk(0%, 7%, 24%, 13%)
Oklch
oklch(85.2% 0.051 86.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B7CAD8

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#B7CAD8
RGB
rgb(183, 202, 216)
HSL
hsl(205, 30%, 78%)
HSB
hsb(205, 15%, 85%)
CMYK
cmyk(15%, 6%, 0%, 15%)
Oklch
oklch(82.9% 0.029 239.7)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#C7CACF

Azure · LightGray · Pearl Gray

HEX
#C7CACF
RGB
rgb(199, 202, 207)
HSL
hsl(218, 8%, 80%)
HSB
hsb(218, 4%, 81%)
CMYK
cmyk(4%, 2%, 0%, 19%)
Oklch
oklch(83.8% 0.008 260.7)

Traditional「Azure」· Paint「Pearl Gray」· Creative Silver Lining

#98CCE2

Sky Blue · SkyBlue · Lake Green

HEX
#98CCE2
RGB
rgb(152, 204, 226)
HSL
hsl(198, 56%, 74%)
HSB
hsb(198, 33%, 89%)
CMYK
cmyk(33%, 10%, 0%, 11%)
Oklch
oklch(81.6% 0.062 225.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9CDCE
CFCAC9

Analogous

C9CFCD
C9CDCE
C9CBCF

Triadic

C9CDCE
CFC9CE
CECFC9

Split-Comp.

C9CDCE
CFC9CB
CFCDC9

Tetradic

C9CDCE
CDC9CF
CFCAC9
CBCFC9

Contrast Matrix WCAG 2.1 Contrast

C9CDCE
DDCDA9
B7CAD8
C7CACF
98CCE2
—
1.0
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
White BG
1.6Fail
1.6Fail
1.7Fail
1.6Fail
1.7Fail
Black BG
13.1AAA
13.4AAA
12.5AAA
12.8AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBCE
D6D6B2
BFBFD5
C8C8CE
AFAFDD

Deuteranopia

CBCACE
D7D8B4
BEBDD4
C8C8CD
ACA8DB

Tritanopia

C9CECE
DCB9BA
B8D2D1
C7CDCD
9BD8D8

Achromatopsia

CCCCCC
CECECE
C6C6C6
CACACA
BFBFBF

Shades & Tints Shades & Tints

#C9CDCE

Dark
Light

#DDCDA9

Dark
Light

#B7CAD8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9cdce;
  --color-2: #ddcda9;
  --color-3: #b7cad8;
  --color-4: #c7cacf;
  --color-5: #98cce2;
}

SCSS

$color-1: #c9cdce;
$color-2: #ddcda9;
$color-3: #b7cad8;
$color-4: #c7cacf;
$color-5: #98cce2;

TAILWIND

colors: {
  'brand-1': '#c9cdce',
  'brand-2': '#ddcda9',
  'brand-3': '#b7cad8',
  'brand-4': '#c7cacf',
  'brand-5': '#98cce2',
}

RGB Array

[201, 205, 206], [221, 205, 169], [183, 202, 216], [199, 202, 207], [152, 204, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9CDCE, #DDCDA9, #B7CAD8, #C7CACF, #98CCE2 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: #c9cdce; --color-2: #ddcda9; --color-3: #b7cad8; --color-4: #c7cacf; --color-5: #98cce2. 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