← Back to Editor

#B3C7C9 · #B8C8C4 · #BDC8BE · #C2C9B9 · #C7C9B3

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

#B3C7C9

Sky Blue · Silver · Lake Green

HEX
#B3C7C9
RGB
rgb(179, 199, 201)
HSL
hsl(185, 17%, 75%)
HSB
hsb(185, 11%, 79%)
CMYK
cmyk(11%, 1%, 0%, 21%)
Oklch
oklch(81.5% 0.022 204.0)

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

#B8C8C4

Jade · Silver · Lake Green

HEX
#B8C8C4
RGB
rgb(184, 200, 196)
HSL
hsl(165, 13%, 75%)
HSB
hsb(165, 8%, 78%)
CMYK
cmyk(8%, 0%, 2%, 22%)
Oklch
oklch(81.9% 0.018 179.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BDC8BE

Celadon · Silver · Pearl Gray

HEX
#BDC8BE
RGB
rgb(189, 200, 190)
HSL
hsl(125, 9%, 76%)
HSB
hsb(125, 5%, 78%)
CMYK
cmyk(5%, 0%, 5%, 22%)
Oklch
oklch(82.1% 0.018 148.1)

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

#C2C9B9

Willow Green · Silver · Apple Green

HEX
#C2C9B9
RGB
rgb(194, 201, 185)
HSL
hsl(86, 13%, 76%)
HSB
hsb(86, 8%, 79%)
CMYK
cmyk(3%, 0%, 8%, 21%)
Oklch
oklch(82.6% 0.023 126.3)

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

#C7C9B3

Fresh Green · Silver · Sunflower

HEX
#C7C9B3
RGB
rgb(199, 201, 179)
HSL
hsl(65, 17%, 75%)
HSB
hsb(65, 11%, 79%)
CMYK
cmyk(1%, 0%, 11%, 21%)
Oklch
oklch(82.8% 0.030 111.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3C7C9
CAB6B4

Analogous

B4CAC1
B3C7C9
B4BDCA

Triadic

B3C7C9
CAB4C8
C8CAB4

Split-Comp.

B3C7C9
CAB4BD
CAC1B4

Tetradic

B3C7C9
C1B4CA
CAB6B4
BDCAB4

Contrast Matrix WCAG 2.1 Contrast

B3C7C9
B8C8C4
BDC8BE
C2C9B9
C7C9B3
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
1.8Fail
1.7Fail
1.7Fail
1.7Fail
1.7Fail
Black BG
11.9AAA
12.1AAA
12.2AAA
12.3AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCC9
BFBFC5
C2C2C0
C5C5BD
C8C8B8

Deuteranopia

BBB9C8
BEBDC5
C1C0C1
C5C4BE
C8C8BA

Tritanopia

B4C8C8
B9C6C6
BEC2C3
C2C0C1
C7BDBD

Achromatopsia

C1C1C1
C3C3C3
C4C4C4
C5C5C5
C6C6C6

Shades & Tints Shades & Tints

#B3C7C9

Dark
Light

#B8C8C4

Dark
Light

#BDC8BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3c7c9;
  --color-2: #b8c8c4;
  --color-3: #bdc8be;
  --color-4: #c2c9b9;
  --color-5: #c7c9b3;
}

SCSS

$color-1: #b3c7c9;
$color-2: #b8c8c4;
$color-3: #bdc8be;
$color-4: #c2c9b9;
$color-5: #c7c9b3;

TAILWIND

colors: {
  'brand-1': '#b3c7c9',
  'brand-2': '#b8c8c4',
  'brand-3': '#bdc8be',
  'brand-4': '#c2c9b9',
  'brand-5': '#c7c9b3',
}

RGB Array

[179, 199, 201], [184, 200, 196], [189, 200, 190], [194, 201, 185], [199, 201, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3C7C9, #B8C8C4, #BDC8BE, #C2C9B9, #C7C9B3 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: #b3c7c9; --color-2: #b8c8c4; --color-3: #bdc8be; --color-4: #c2c9b9; --color-5: #c7c9b3. 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