← Back to Editor

#D0E7BA · #9BC0C3 · #6699CC · #000000 · #CC9966

muted

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D0E7BA

Celadon · LightGray · Mint Green

HEX
#D0E7BA
RGB
rgb(208, 231, 186)
HSL
hsl(91, 48%, 82%)
HSB
hsb(91, 19%, 91%)
CMYK
cmyk(10%, 0%, 19%, 9%)
Oklch
oklch(89.9% 0.065 129.7)

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

#9BC0C3

Sky Blue · LightSteelBlue · Lake Green

HEX
#9BC0C3
RGB
rgb(155, 192, 195)
HSL
hsl(184, 25%, 69%)
HSB
hsb(184, 21%, 76%)
CMYK
cmyk(21%, 2%, 0%, 24%)
Oklch
oklch(78.2% 0.040 202.5)

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

#6699CC

Azure · CornflowerBlue · Navy Blue

HEX
#6699CC
RGB
rgb(102, 153, 204)
HSL
hsl(210, 50%, 60%)
HSB
hsb(210, 50%, 80%)
CMYK
cmyk(50%, 25%, 0%, 20%)
Oklch
oklch(66.8% 0.094 249.4)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#CC9966

Ginger · DarkSalmon · Warm Sun

HEX
#CC9966
RGB
rgb(204, 153, 102)
HSL
hsl(30, 50%, 60%)
HSB
hsb(30, 50%, 80%)
CMYK
cmyk(0%, 25%, 50%, 20%)
Oklch
oklch(72.0% 0.091 65.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0E7BA
D2BBE7

Analogous

E6E7BB
D0E7BA
BBE7BC

Triadic

D0E7BA
BBD0E7
E7BBD0

Split-Comp.

D0E7BA
BCBBE7
E7BBE6

Tetradic

D0E7BA
BBE6E7
D2BBE7
E7BCBB

Contrast Matrix WCAG 2.1 Contrast

D0E7BA
9BC0C3
6699CC
000000
CC9966
—
1.5
Fail
2.3
Fail
15.8
AAA
1.9
Fail
1.5
Fail
—
1.5
Fail
10.7
AAA
1.3
Fail
2.3
Fail
1.5
Fail
—
7.0
AA
1.2
Fail
15.8
AAA
10.7
AAA
7.0
AA
—
8.3
AAA
1.9
Fail
1.3
Fail
1.2
Fail
8.3
AAA
—
White BG
1.3Fail
2.0Fail
3.0AA Large
21.0AAA
2.5Fail
Black BG
15.8AAA
10.7AAA
7.0AA
1.0Fail
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAC5
ABABC2
7C7DC0
000000
B6B572

Deuteranopia

D9D7C8
A9A6C2
7975BD
000000
B9BD75

Tritanopia

D1CDCF
9DC2C2
69B6B4
000000
C97C7E

Achromatopsia

DBDBDB
B5B5B5
909090
000000
A2A2A2

Shades & Tints Shades & Tints

#D0E7BA

Dark
Light

#9BC0C3

Dark
Light

#6699CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0e7ba;
  --color-2: #9bc0c3;
  --color-3: #6699cc;
  --color-4: #000000;
  --color-5: #cc9966;
}

SCSS

$color-1: #d0e7ba;
$color-2: #9bc0c3;
$color-3: #6699cc;
$color-4: #000000;
$color-5: #cc9966;

TAILWIND

colors: {
  'brand-1': '#d0e7ba',
  'brand-2': '#9bc0c3',
  'brand-3': '#6699cc',
  'brand-4': '#000000',
  'brand-5': '#cc9966',
}

RGB Array

[208, 231, 186], [155, 192, 195], [102, 153, 204], [0, 0, 0], [204, 153, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #D0E7BA, #9BC0C3, #6699CC, #000000, #CC9966 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d0e7ba; --color-2: #9bc0c3; --color-3: #6699cc; --color-4: #000000; --color-5: #cc9966. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 muted-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