← Back to Editor

#C5D371 · #D5DEDB · #973278 · #69395B · #402735

A 5-color palette 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

#C5D371

Fresh Green · BurlyWood · Sunflower

HEX
#C5D371
RGB
rgb(197, 211, 113)
HSL
hsl(69, 53%, 64%)
HSB
hsb(69, 46%, 83%)
CMYK
cmyk(7%, 0%, 46%, 17%)
Oklch
oklch(83.5% 0.124 115.8)

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

#D5DEDB

Jade · LightGray · Glacier Blue

HEX
#D5DEDB
RGB
rgb(213, 222, 219)
HSL
hsl(160, 12%, 85%)
HSB
hsb(160, 4%, 87%)
CMYK
cmyk(4%, 0%, 1%, 13%)
Oklch
oklch(89.3% 0.011 174.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#973278

Rose Purple · DarkMagenta · Eggplant

HEX
#973278
RGB
rgb(151, 50, 120)
HSL
hsl(318, 50%, 39%)
HSB
hsb(318, 67%, 59%)
CMYK
cmyk(0%, 67%, 21%, 41%)
Oklch
oklch(48.8% 0.156 342.1)

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

#69395B

Rose Purple · DimGray · Eggplant

HEX
#69395B
RGB
rgb(105, 57, 91)
HSL
hsl(317, 30%, 32%)
HSB
hsb(317, 46%, 41%)
CMYK
cmyk(0%, 46%, 13%, 59%)
Oklch
oklch(41.6% 0.083 338.9)

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

#402735

Rose Purple · DarkSlateGray · Raspberry

HEX
#402735
RGB
rgb(64, 39, 53)
HSL
hsl(326, 24%, 20%)
HSB
hsb(326, 39%, 25%)
CMYK
cmyk(0%, 39%, 17%, 75%)
Oklch
oklch(30.9% 0.043 345.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5D371
8173D4

Analogous

D4B273
C5D371
95D473

Triadic

C5D371
73C5D4
D473C5

Split-Comp.

C5D371
7395D4
B273D4

Tetradic

C5D371
73D4B2
8173D4
D47395

Contrast Matrix WCAG 2.1 Contrast

C5D371
D5DEDB
973278
69395B
402735
—
1.2
Fail
4.2
AA Large
5.5
AA
8.3
AAA
1.2
Fail
—
5.0
AA
6.5
AA
9.8
AAA
4.2
AA Large
5.0
AA
—
1.3
Fail
2.0
Fail
5.5
AA
6.5
AA
1.3
Fail
—
1.5
Fail
8.3
AAA
9.8
AAA
2.0
Fail
1.5
Fail
—
White BG
1.6Fail
1.4Fail
6.9AA
9.0AAA
13.5AAA
Black BG
12.9AAA
15.3AAA
3.0AA Large
2.3Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB89
D9D9DC
6B6A67
545453
353532

Deuteranopia

CAC98E
D8D8DC
717963
575B51
373931

Tritanopia

C69BA0
D5DCDC
925A57
674C4B
3F2F2E

Achromatopsia

C4C4C4
DBDBDB
585858
4B4B4B
303030

Shades & Tints Shades & Tints

#C5D371

Dark
Light

#D5DEDB

Dark
Light

#973278

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5d371;
  --color-2: #d5dedb;
  --color-3: #973278;
  --color-4: #69395b;
  --color-5: #402735;
}

SCSS

$color-1: #c5d371;
$color-2: #d5dedb;
$color-3: #973278;
$color-4: #69395b;
$color-5: #402735;

TAILWIND

colors: {
  'brand-1': '#c5d371',
  'brand-2': '#d5dedb',
  'brand-3': '#973278',
  'brand-4': '#69395b',
  'brand-5': '#402735',
}

RGB Array

[197, 211, 113], [213, 222, 219], [151, 50, 120], [105, 57, 91], [64, 39, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5D371, #D5DEDB, #973278, #69395B, #402735 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: #c5d371; --color-2: #d5dedb; --color-3: #973278; --color-4: #69395b; --color-5: #402735. 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