← Back to Editor

#C2C5BE · #D9D4A0 · #D2AE7F · #B95E68 · #89130A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C2C5BE

Silver Gray · Silver · Pearl Gray

HEX
#C2C5BE
RGB
rgb(194, 197, 190)
HSL
hsl(86, 6%, 76%)
HSB
hsb(86, 4%, 77%)
CMYK
cmyk(2%, 0%, 4%, 23%)
Oklch
oklch(81.9% 0.010 125.7)

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

#D9D4A0

Fresh Green · Wheat · Sunflower

HEX
#D9D4A0
RGB
rgb(217, 212, 160)
HSL
hsl(55, 43%, 74%)
HSB
hsb(55, 26%, 85%)
CMYK
cmyk(0%, 2%, 26%, 15%)
Oklch
oklch(86.1% 0.068 103.1)

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

#D2AE7F

Ginger · Tan · Warm Sun

HEX
#D2AE7F
RGB
rgb(210, 174, 127)
HSL
hsl(34, 48%, 66%)
HSB
hsb(34, 40%, 82%)
CMYK
cmyk(0%, 17%, 40%, 18%)
Oklch
oklch(77.2% 0.075 73.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#B95E68

Crimson · Sienna · Passion Red

HEX
#B95E68
RGB
rgb(185, 94, 104)
HSL
hsl(353, 39%, 55%)
HSB
hsb(353, 49%, 73%)
CMYK
cmyk(0%, 49%, 44%, 27%)
Oklch
oklch(59.3% 0.117 14.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#89130A

Vermilion · DarkRed · Wine Red

HEX
#89130A
RGB
rgb(137, 19, 10)
HSL
hsl(4, 86%, 29%)
HSB
hsb(4, 93%, 54%)
CMYK
cmyk(0%, 86%, 93%, 46%)
Oklch
oklch(40.5% 0.153 29.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2C5BE
C1BEC5

Analogous

C5C5BE
C2C5BE
BFC5BE

Triadic

C2C5BE
BEC2C5
C5BEC2

Split-Comp.

C2C5BE
BEBFC5
C5BEC5

Tetradic

C2C5BE
BEC5C5
C1BEC5
C5BEBF

Contrast Matrix WCAG 2.1 Contrast

C2C5BE
D9D4A0
D2AE7F
B95E68
89130A
—
1.2
Fail
1.2
Fail
2.5
Fail
5.6
AA
1.2
Fail
—
1.4
Fail
2.9
Fail
6.4
AA
1.2
Fail
1.4
Fail
—
2.1
Fail
4.7
AA
2.5
Fail
2.9
Fail
2.1
Fail
—
2.3
Fail
5.6
AA
6.4
AA
4.7
AA
2.3
Fail
—
White BG
1.7Fail
1.5Fail
2.1Fail
4.3AA Large
9.7AAA
Black BG
12.0AAA
13.9AAA
10.1AAA
4.9AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3C0
D7D7AD
C2C28A
929166
56550C

Deuteranopia

C3C3C0
D7D7B0
C5C78D
979E65
5D660D

Tritanopia

C2C1C1
D9B7B9
D09395
B46463
830E0E

Achromatopsia

C3C3C3
D0D0D0
B3B3B3
7A7A7A
353535

Shades & Tints Shades & Tints

#C2C5BE

Dark
Light

#D9D4A0

Dark
Light

#D2AE7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2c5be;
  --color-2: #d9d4a0;
  --color-3: #d2ae7f;
  --color-4: #b95e68;
  --color-5: #89130a;
}

SCSS

$color-1: #c2c5be;
$color-2: #d9d4a0;
$color-3: #d2ae7f;
$color-4: #b95e68;
$color-5: #89130a;

TAILWIND

colors: {
  'brand-1': '#c2c5be',
  'brand-2': '#d9d4a0',
  'brand-3': '#d2ae7f',
  'brand-4': '#b95e68',
  'brand-5': '#89130a',
}

RGB Array

[194, 197, 190], [217, 212, 160], [210, 174, 127], [185, 94, 104], [137, 19, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2C5BE, #D9D4A0, #D2AE7F, #B95E68, #89130A 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: #c2c5be; --color-2: #d9d4a0; --color-3: #d2ae7f; --color-4: #b95e68; --color-5: #89130a. 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