← Back to Editor

#DBE6DD · #C6D1C9 · #B6C0B8 · #93A2B4 · #7B809B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DBE6DD

Celadon · LightGray · Mint Green

HEX
#DBE6DD
RGB
rgb(219, 230, 221)
HSL
hsl(131, 18%, 88%)
HSB
hsb(131, 5%, 90%)
CMYK
cmyk(5%, 0%, 4%, 10%)
Oklch
oklch(91.4% 0.017 151.1)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#C6D1C9

Celadon · LightGray · Apple Green

HEX
#C6D1C9
RGB
rgb(198, 209, 201)
HSL
hsl(136, 11%, 80%)
HSB
hsb(136, 5%, 82%)
CMYK
cmyk(5%, 0%, 4%, 18%)
Oklch
oklch(85.0% 0.016 154.4)

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

#B6C0B8

Silver Gray · Silver · Pearl Gray

HEX
#B6C0B8
RGB
rgb(182, 192, 184)
HSL
hsl(132, 7%, 73%)
HSB
hsb(132, 5%, 75%)
CMYK
cmyk(5%, 0%, 4%, 25%)
Oklch
oklch(79.8% 0.016 151.7)

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

#93A2B4

Azure · DarkGray · Cobalt Blue

HEX
#93A2B4
RGB
rgb(147, 162, 180)
HSL
hsl(213, 18%, 64%)
HSB
hsb(213, 18%, 71%)
CMYK
cmyk(18%, 10%, 0%, 29%)
Oklch
oklch(70.6% 0.031 253.0)

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

#7B809B

Azure · LightSlateGray · Navy Blue

HEX
#7B809B
RGB
rgb(123, 128, 155)
HSL
hsl(231, 14%, 55%)
HSB
hsb(231, 21%, 61%)
CMYK
cmyk(21%, 17%, 0%, 39%)
Oklch
oklch(60.5% 0.041 276.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBE6DD
E6DBE4

Analogous

DEE6DB
DBE6DD
DBE6E2

Triadic

DBE6DD
DDDBE6
E6DDDB

Split-Comp.

DBE6DD
E2DBE6
E6DBDE

Tetradic

DBE6DD
DBDEE6
E6DBE4
E6E2DB

Contrast Matrix WCAG 2.1 Contrast

DBE6DD
C6D1C9
B6C0B8
93A2B4
7B809B
—
1.2
Fail
1.5
Fail
2.0
Fail
3.0
AA Large
1.2
Fail
—
1.2
Fail
1.7
Fail
2.5
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
2.0
Fail
1.7
Fail
1.4
Fail
—
1.5
Fail
3.0
AA Large
2.5
Fail
2.1
Fail
1.5
Fail
—
White BG
1.3Fail
1.6Fail
1.9Fail
2.6Fail
3.9AA Large
Black BG
16.4AAA
13.4AAA
11.2AAA
8.1AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0DF
CBCBCB
BABABA
999AB0
7D7D94

Deuteranopia

DFDEE0
CAC9CB
BAB9BA
9998AF
7D7D93

Tritanopia

DCE1E1
C7CCCD
B7BBBC
94ACAB
7B8F8E

Achromatopsia

E2E2E2
CDCDCD
BCBCBC
A0A0A0
828282

Shades & Tints Shades & Tints

#DBE6DD

Dark
Light

#C6D1C9

Dark
Light

#B6C0B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbe6dd;
  --color-2: #c6d1c9;
  --color-3: #b6c0b8;
  --color-4: #93a2b4;
  --color-5: #7b809b;
}

SCSS

$color-1: #dbe6dd;
$color-2: #c6d1c9;
$color-3: #b6c0b8;
$color-4: #93a2b4;
$color-5: #7b809b;

TAILWIND

colors: {
  'brand-1': '#dbe6dd',
  'brand-2': '#c6d1c9',
  'brand-3': '#b6c0b8',
  'brand-4': '#93a2b4',
  'brand-5': '#7b809b',
}

RGB Array

[219, 230, 221], [198, 209, 201], [182, 192, 184], [147, 162, 180], [123, 128, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBE6DD, #C6D1C9, #B6C0B8, #93A2B4, #7B809B 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: #dbe6dd; --color-2: #c6d1c9; --color-3: #b6c0b8; --color-4: #93a2b4; --color-5: #7b809b. 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