← Back to Editor

#C2D3B2 · #D29E82 · #CD5B79 · #9D3F7C · #412E3D

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

#C2D3B2

Celadon · Silver · Apple Green

HEX
#C2D3B2
RGB
rgb(194, 211, 178)
HSL
hsl(91, 27%, 76%)
HSB
hsb(91, 16%, 83%)
CMYK
cmyk(8%, 0%, 16%, 17%)
Oklch
oklch(84.5% 0.048 129.7)

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

#D29E82

Apricot · Tan · Warm Sun

HEX
#D29E82
RGB
rgb(210, 158, 130)
HSL
hsl(21, 47%, 67%)
HSB
hsb(21, 38%, 82%)
CMYK
cmyk(0%, 25%, 38%, 18%)
Oklch
oklch(74.1% 0.073 49.5)

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

#CD5B79

Dark Violet · LightCoral · Rose Pink

HEX
#CD5B79
RGB
rgb(205, 91, 121)
HSL
hsl(344, 53%, 58%)
HSB
hsb(344, 56%, 80%)
CMYK
cmyk(0%, 56%, 41%, 20%)
Oklch
oklch(62.1% 0.147 5.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#9D3F7C

Rose Purple · MediumVioletRed · Camellia

HEX
#9D3F7C
RGB
rgb(157, 63, 124)
HSL
hsl(321, 43%, 43%)
HSB
hsb(321, 60%, 62%)
CMYK
cmyk(0%, 60%, 21%, 38%)
Oklch
oklch(51.5% 0.144 343.6)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#412E3D

Rose Purple · DarkSlateGray · Eggplant

HEX
#412E3D
RGB
rgb(65, 46, 61)
HSL
hsl(313, 17%, 22%)
HSB
hsb(313, 29%, 25%)
CMYK
cmyk(0%, 29%, 6%, 75%)
Oklch
oklch(32.9% 0.037 334.0)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2D3B2
C2B1D2

Analogous

D2D2B1
C2D3B2
B1D2B2

Triadic

C2D3B2
B1C1D2
D2B1C1

Split-Comp.

C2D3B2
B2B1D2
D2B1D2

Tetradic

C2D3B2
B1D2D2
C2B1D2
D2B2B1

Contrast Matrix WCAG 2.1 Contrast

C2D3B2
D29E82
CD5B79
9D3F7C
412E3D
—
1.5
Fail
2.5
Fail
3.9
AA Large
7.9
AAA
1.5
Fail
—
1.7
Fail
2.6
Fail
5.3
AA
2.5
Fail
1.7
Fail
—
1.6
Fail
3.2
AA Large
3.9
AA Large
2.6
Fail
1.6
Fail
—
2.0
Fail
7.9
AAA
5.3
AA
3.2
AA Large
2.0
Fail
—
White BG
1.6Fail
2.3Fail
3.9AA Large
6.1AA
12.5AAA
Black BG
13.3AAA
9.0AAA
5.4AA
3.4AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9CABA
BBBB89
9C9B72
74736D
393939

Deuteranopia

C8C7BC
BFC28A
A2AB70
7A816A
3A3B38

Tritanopia

C3C0C2
CF8E8F
C76C6B
98625F
403736

Achromatopsia

CACACA
AAAAAA
818181
626262
353535

Shades & Tints Shades & Tints

#C2D3B2

Dark
Light

#D29E82

Dark
Light

#CD5B79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2d3b2;
  --color-2: #d29e82;
  --color-3: #cd5b79;
  --color-4: #9d3f7c;
  --color-5: #412e3d;
}

SCSS

$color-1: #c2d3b2;
$color-2: #d29e82;
$color-3: #cd5b79;
$color-4: #9d3f7c;
$color-5: #412e3d;

TAILWIND

colors: {
  'brand-1': '#c2d3b2',
  'brand-2': '#d29e82',
  'brand-3': '#cd5b79',
  'brand-4': '#9d3f7c',
  'brand-5': '#412e3d',
}

RGB Array

[194, 211, 178], [210, 158, 130], [205, 91, 121], [157, 63, 124], [65, 46, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2D3B2, #D29E82, #CD5B79, #9D3F7C, #412E3D 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: #c2d3b2; --color-2: #d29e82; --color-3: #cd5b79; --color-4: #9d3f7c; --color-5: #412e3d. 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