← Back to Editor

#CAC1A6 · #8F8556 · #6E5352 · #331E4A · #D85515

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

#CAC1A6

Goose Yellow · Silver · Sunflower

HEX
#CAC1A6
RGB
rgb(202, 193, 166)
HSL
hsl(45, 25%, 72%)
HSB
hsb(45, 18%, 79%)
CMYK
cmyk(0%, 4%, 18%, 21%)
Oklch
oklch(81.1% 0.038 91.7)

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

#8F8556

Ochre · Gray · Honey Gold

HEX
#8F8556
RGB
rgb(143, 133, 86)
HSL
hsl(49, 25%, 45%)
HSB
hsb(49, 40%, 56%)
CMYK
cmyk(0%, 7%, 40%, 44%)
Oklch
oklch(61.4% 0.066 97.6)

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

#6E5352

Crimson · DimGray · Wine Red

HEX
#6E5352
RGB
rgb(110, 83, 82)
HSL
hsl(2, 15%, 38%)
HSB
hsb(2, 25%, 43%)
CMYK
cmyk(0%, 25%, 25%, 57%)
Oklch
oklch(47.0% 0.036 21.0)

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

#331E4A

Deep Indigo · MidnightBlue · Dark Purple

HEX
#331E4A
RGB
rgb(51, 30, 74)
HSL
hsl(269, 42%, 20%)
HSB
hsb(269, 59%, 29%)
CMYK
cmyk(31%, 59%, 0%, 71%)
Oklch
oklch(28.6% 0.080 303.8)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#D85515

Tangerine · Chocolate · Amber Brown

HEX
#D85515
RGB
rgb(216, 85, 21)
HSL
hsl(20, 82%, 46%)
HSB
hsb(20, 90%, 85%)
CMYK
cmyk(0%, 61%, 90%, 15%)
Oklch
oklch(61.4% 0.178 41.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAC1A6
A6AFC9

Analogous

C9AFA6
CAC1A6
C1C9A6

Triadic

CAC1A6
A6C9C1
C1A6C9

Split-Comp.

CAC1A6
A6C1C9
AFA6C9

Tetradic

CAC1A6
A6C9AF
A6AFC9
C9A6C1

Contrast Matrix WCAG 2.1 Contrast

CAC1A6
8F8556
6E5352
331E4A
D85515
—
2.1
Fail
3.9
AA Large
8.2
AAA
2.2
Fail
2.1
Fail
—
1.9
Fail
4.0
AA Large
1.1
Fail
3.9
AA Large
1.9
Fail
—
2.1
Fail
1.7
Fail
8.2
AAA
4.0
AA Large
2.1
Fail
—
3.7
AA Large
2.2
Fail
1.1
Fail
1.7
Fail
3.7
AA Large
—
White BG
1.8Fail
3.7AA Large
6.9AA
14.7AAA
4.0AA Large
Black BG
11.7AAA
5.7AA
3.0AA Large
1.4Fail
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6AD
8B8B61
626252
2A2A3F
9F9E24

Deuteranopia

C7C7AE
8B8C64
646652
2B2D3D
A7B128

Tritanopia

CAB2B3
8F6A6C
6D5252
323735
D13133

Achromatopsia

C1C1C1
838383
5B5B5B
292929
757575

Shades & Tints Shades & Tints

#CAC1A6

Dark
Light

#8F8556

Dark
Light

#6E5352

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cac1a6;
  --color-2: #8f8556;
  --color-3: #6e5352;
  --color-4: #331e4a;
  --color-5: #d85515;
}

SCSS

$color-1: #cac1a6;
$color-2: #8f8556;
$color-3: #6e5352;
$color-4: #331e4a;
$color-5: #d85515;

TAILWIND

colors: {
  'brand-1': '#cac1a6',
  'brand-2': '#8f8556',
  'brand-3': '#6e5352',
  'brand-4': '#331e4a',
  'brand-5': '#d85515',
}

RGB Array

[202, 193, 166], [143, 133, 86], [110, 83, 82], [51, 30, 74], [216, 85, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAC1A6, #8F8556, #6E5352, #331E4A, #D85515 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: #cac1a6; --color-2: #8f8556; --color-3: #6e5352; --color-4: #331e4a; --color-5: #d85515. 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