← Back to Editor

#C9DBC0 · #A5CBA1 · #658A6C · #32643C · #003B05

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C9DBC0

Celadon · LightGray · Mint Green

HEX
#C9DBC0
RGB
rgb(201, 219, 192)
HSL
hsl(100, 27%, 81%)
HSB
hsb(100, 12%, 86%)
CMYK
cmyk(8%, 0%, 12%, 14%)
Oklch
oklch(87.1% 0.041 135.1)

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

#A5CBA1

Celadon · DarkSeaGreen · Apple Green

HEX
#A5CBA1
RGB
rgb(165, 203, 161)
HSL
hsl(114, 29%, 71%)
HSB
hsb(114, 21%, 80%)
CMYK
cmyk(19%, 0%, 21%, 20%)
Oklch
oklch(80.3% 0.071 142.4)

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

#658A6C

Celadon · DimGray · Olive Green

HEX
#658A6C
RGB
rgb(101, 138, 108)
HSL
hsl(131, 15%, 47%)
HSB
hsb(131, 27%, 54%)
CMYK
cmyk(27%, 0%, 22%, 46%)
Oklch
oklch(59.7% 0.061 150.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#32643C

Celadon · DarkSlateGray · Forest Green

HEX
#32643C
RGB
rgb(50, 100, 60)
HSL
hsl(132, 33%, 29%)
HSB
hsb(132, 50%, 39%)
CMYK
cmyk(50%, 0%, 40%, 61%)
Oklch
oklch(45.7% 0.085 148.7)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#003B05

Pine Green · DarkGreen · Dark Green

HEX
#003B05
RGB
rgb(0, 59, 5)
HSL
hsl(125, 100%, 12%)
HSB
hsb(125, 100%, 23%)
CMYK
cmyk(100%, 0%, 92%, 77%)
Oklch
oklch(30.6% 0.100 143.8)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9DBC0
D3C1DC

Analogous

D7DCC1
C9DBC0
C1DCC6

Triadic

C9DBC0
C1CADC
DCC1CA

Split-Comp.

C9DBC0
C6C1DC
DCC1D7

Tetradic

C9DBC0
C1D7DC
D3C1DC
DCC6C1

Contrast Matrix WCAG 2.1 Contrast

C9DBC0
A5CBA1
658A6C
32643C
003B05
—
1.2
Fail
2.7
Fail
4.8
AA
8.8
AAA
1.2
Fail
—
2.2
Fail
3.9
AA Large
7.2
AAA
2.7
Fail
2.2
Fail
—
1.8
Fail
3.3
AA Large
4.8
AA
3.9
AA Large
1.8
Fail
—
1.9
Fail
8.8
AAA
7.2
AAA
3.3
AA Large
1.9
Fail
—
White BG
1.5Fail
1.8Fail
3.9AA Large
6.9AA
12.9AAA
Black BG
14.4AAA
11.7AAA
5.4AA
3.0AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1C7
B5B6AB
757573
484846
1A1A12

Deuteranopia

D0CEC8
B3B0AE
737075
454148
161215

Tritanopia

CACCCD
A7B3B5
67797A
354D4F
031C1F

Achromatopsia

D3D3D3
BBBBBB
7C7C7C
505050
232323

Shades & Tints Shades & Tints

#C9DBC0

Dark
Light

#A5CBA1

Dark
Light

#658A6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9dbc0;
  --color-2: #a5cba1;
  --color-3: #658a6c;
  --color-4: #32643c;
  --color-5: #003b05;
}

SCSS

$color-1: #c9dbc0;
$color-2: #a5cba1;
$color-3: #658a6c;
$color-4: #32643c;
$color-5: #003b05;

TAILWIND

colors: {
  'brand-1': '#c9dbc0',
  'brand-2': '#a5cba1',
  'brand-3': '#658a6c',
  'brand-4': '#32643c',
  'brand-5': '#003b05',
}

RGB Array

[201, 219, 192], [165, 203, 161], [101, 138, 108], [50, 100, 60], [0, 59, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9DBC0, #A5CBA1, #658A6C, #32643C, #003B05 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: #c9dbc0; --color-2: #a5cba1; --color-3: #658a6c; --color-4: #32643c; --color-5: #003b05. 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 general-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