#C0C2B7 + #A9B08D + #73998E + #64B1C4 + #49CAEB · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C0C2B7

Willow Green · Silver · Pearl Gray

HEX

#C0C2B7

RGB

rgb(192, 194, 183)

HSL

hsl(71, 8%, 74%)

HSB

hsb(71, 6%, 76%)

CMYK

cmyk(1%, 0%, 6%, 24%)

Oklch

oklch(80.9% 0.015 115.1)

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

#A9B08D

Willow Green · DarkSeaGreen · Apple Green

HEX

#A9B08D

RGB

rgb(169, 176, 141)

HSL

hsl(72, 18%, 62%)

HSB

hsb(72, 20%, 69%)

CMYK

cmyk(4%, 0%, 20%, 31%)

Oklch

oklch(74.2% 0.049 116.8)

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

#73998E

Mineral Blue · LightSlateGray · Lake Green

HEX

#73998E

RGB

rgb(115, 153, 142)

HSL

hsl(163, 16%, 53%)

HSB

hsb(163, 25%, 60%)

CMYK

cmyk(25%, 0%, 7%, 40%)

Oklch

oklch(65.1% 0.045 175.1)

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

#64B1C4

Slate Blue · MediumAquaMarine · Lake Green

HEX

#64B1C4

RGB

rgb(100, 177, 196)

HSL

hsl(192, 45%, 58%)

HSB

hsb(192, 49%, 77%)

CMYK

cmyk(49%, 10%, 0%, 23%)

Oklch

oklch(71.8% 0.081 215.6)

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

#49CAEB

Lake Blue · MediumTurquoise · Lake Green

HEX

#49CAEB

RGB

rgb(73, 202, 235)

HSL

hsl(192, 80%, 60%)

HSB

hsb(192, 69%, 92%)

CMYK

cmyk(69%, 14%, 0%, 8%)

Oklch

oklch(78.2% 0.120 218.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0C2B7

B9B7C2

Analogous

C2BFB7

C0C2B7

BBC2B7

Triadic

C0C2B7

B7C0C2

C2B7C0

Split-Comp.

C0C2B7

B7BBC2

BFB7C2

Tetradic

C0C2B7

B7C2BF

B9B7C2

C2B7BB

Contrast Matrix WCAG 2.1 Contrast

C0C2B7	A9B08D	73998E	64B1C4	49CAEB
—	1.3 Fail	1.7 Fail	1.3 Fail	1.1 Fail
1.3 Fail	—	1.4 Fail	1.1 Fail	1.2 Fail
1.7 Fail	1.4 Fail	—	1.3 Fail	1.6 Fail
1.3 Fail	1.1 Fail	1.3 Fail	—	1.3 Fail
1.1 Fail	1.2 Fail	1.6 Fail	1.3 Fail	—

White BG

1.8Fail

2.3Fail

3.1AA Large

2.4Fail

1.9Fail

Black BG

11.6AAA

9.3AAA

6.7AA

8.6AAA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1BA

ACAC95

838491

8586BF

8182E3

Deuteranopia

C1C1BA

ACAB98

817E91

817BBE

7970E1

Tritanopia

C0BCBC

A99C9E

759393

68BCBB

4FDDDB

Achromatopsia

C0C0C0

AAAAAA

8C8C8C

9C9C9C

A7A7A7

Shades & Tints Shades & Tints

#C0C2B7

Dark

Light

#A9B08D

Dark

Light

#73998E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0c2b7;
  --color-2: #a9b08d;
  --color-3: #73998e;
  --color-4: #64b1c4;
  --color-5: #49caeb;
}

SCSS

$color-1: #c0c2b7;
$color-2: #a9b08d;
$color-3: #73998e;
$color-4: #64b1c4;
$color-5: #49caeb;

TAILWIND

colors: {
  'brand-1': '#c0c2b7',
  'brand-2': '#a9b08d',
  'brand-3': '#73998e',
  'brand-4': '#64b1c4',
  'brand-5': '#49caeb',
}

RGB Array

[192, 194, 183], [169, 176, 141], [115, 153, 142], [100, 177, 196], [73, 202, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #C0C2B7, #A9B08D, #73998E, #64B1C4, #49CAEB is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c0c2b7; --color-2: #a9b08d; --color-3: #73998e; --color-4: #64b1c4; --color-5: #49caeb. 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 dark-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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