← Back to Editor

#CFC8B0 · #660861 · #311459 · #787362 · #918760

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

#CFC8B0

Goose Yellow · Silver · Sunflower

HEX
#CFC8B0
RGB
rgb(207, 200, 176)
HSL
hsl(46, 24%, 75%)
HSB
hsb(46, 15%, 81%)
CMYK
cmyk(0%, 3%, 15%, 19%)
Oklch
oklch(83.2% 0.033 93.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#660861

Rose Purple · Purple · Eggplant

HEX
#660861
RGB
rgb(102, 8, 97)
HSL
hsl(303, 85%, 22%)
HSB
hsb(303, 92%, 40%)
CMYK
cmyk(0%, 92%, 5%, 60%)
Oklch
oklch(35.9% 0.155 330.9)

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

#311459

Deep Indigo · MidnightBlue · Eggplant

HEX
#311459
RGB
rgb(49, 20, 89)
HSL
hsl(265, 63%, 21%)
HSB
hsb(265, 78%, 35%)
CMYK
cmyk(45%, 78%, 0%, 65%)
Oklch
oklch(27.9% 0.116 297.5)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#787362

Ochre · DimGray · Honey Gold

HEX
#787362
RGB
rgb(120, 115, 98)
HSL
hsl(46, 10%, 43%)
HSB
hsb(46, 18%, 47%)
CMYK
cmyk(0%, 4%, 18%, 53%)
Oklch
oklch(55.5% 0.026 93.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#918760

Ochre · Gray · Honey Gold

HEX
#918760
RGB
rgb(145, 135, 96)
HSL
hsl(48, 20%, 47%)
HSB
hsb(48, 34%, 57%)
CMYK
cmyk(0%, 7%, 34%, 43%)
Oklch
oklch(62.2% 0.056 95.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFC8B0
B0B7CF

Analogous

CFB8B0
CFC8B0
C6CFB0

Triadic

CFC8B0
B0CFC7
C7B0CF

Split-Comp.

CFC8B0
B0C6CF
B8B0CF

Tetradic

CFC8B0
B0CFB8
B0B7CF
CFB0C6

Contrast Matrix WCAG 2.1 Contrast

CFC8B0
660861
311459
787362
918760
—
7.1
AAA
9.1
AAA
2.8
Fail
2.1
Fail
7.1
AAA
—
1.3
Fail
2.5
Fail
3.3
AA Large
9.1
AAA
1.3
Fail
—
3.2
AA Large
4.2
AA Large
2.8
Fail
2.5
Fail
3.2
AA Large
—
1.3
Fail
2.1
Fail
3.3
AA Large
4.2
AA Large
1.3
Fail
—
White BG
1.7Fail
11.8AAA
15.3AAA
4.7AA
3.6AA Large
Black BG
12.5AAA
1.8Fail
1.4Fail
4.4AA Large
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCB6
3D3C4B
242448
767666
8D8D69

Deuteranopia

CCCDB7
434A46
262844
767767
8D8E6C

Tritanopia

CFBABB
613A37
303B38
78696A
917173

Achromatopsia

C7C7C7
2E2E2E
252525
737373
868686

Shades & Tints Shades & Tints

#CFC8B0

Dark
Light

#660861

Dark
Light

#311459

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfc8b0;
  --color-2: #660861;
  --color-3: #311459;
  --color-4: #787362;
  --color-5: #918760;
}

SCSS

$color-1: #cfc8b0;
$color-2: #660861;
$color-3: #311459;
$color-4: #787362;
$color-5: #918760;

TAILWIND

colors: {
  'brand-1': '#cfc8b0',
  'brand-2': '#660861',
  'brand-3': '#311459',
  'brand-4': '#787362',
  'brand-5': '#918760',
}

RGB Array

[207, 200, 176], [102, 8, 97], [49, 20, 89], [120, 115, 98], [145, 135, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFC8B0, #660861, #311459, #787362, #918760 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: #cfc8b0; --color-2: #660861; --color-3: #311459; --color-4: #787362; --color-5: #918760. 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