← Back to Editor

#C4A58B · #BD3E3E · #591F4C · #691C57 · #D1BBA9

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

#C4A58B

Apricot · Tan · Warm Sun

HEX
#C4A58B
RGB
rgb(196, 165, 139)
HSL
hsl(27, 33%, 66%)
HSB
hsb(27, 29%, 77%)
CMYK
cmyk(0%, 16%, 29%, 23%)
Oklch
oklch(74.3% 0.051 61.9)

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

#BD3E3E

Crimson · Brown · Passion Red

HEX
#BD3E3E
RGB
rgb(189, 62, 62)
HSL
hsl(0, 51%, 49%)
HSB
hsb(0, 67%, 74%)
CMYK
cmyk(0%, 67%, 67%, 26%)
Oklch
oklch(54.6% 0.163 24.3)

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

#591F4C

Rose Purple · DarkSlateGray · Eggplant

HEX
#591F4C
RGB
rgb(89, 31, 76)
HSL
hsl(313, 48%, 24%)
HSB
hsb(313, 65%, 35%)
CMYK
cmyk(0%, 65%, 15%, 65%)
Oklch
oklch(34.5% 0.104 337.3)

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

#691C57

Rose Purple · Purple · Eggplant

HEX
#691C57
RGB
rgb(105, 28, 87)
HSL
hsl(314, 58%, 26%)
HSB
hsb(314, 73%, 41%)
CMYK
cmyk(0%, 73%, 17%, 59%)
Oklch
oklch(37.3% 0.129 338.7)

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

#D1BBA9

Apricot · Silver · Warm Sun

HEX
#D1BBA9
RGB
rgb(209, 187, 169)
HSL
hsl(27, 30%, 74%)
HSB
hsb(27, 19%, 82%)
CMYK
cmyk(0%, 11%, 19%, 18%)
Oklch
oklch(80.6% 0.035 61.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4A58B
8CABC5

Analogous

C58C8F
C4A58B
C5C28C

Triadic

C4A58B
8CC5A5
A58CC5

Split-Comp.

C4A58B
8CC5C2
8C8FC5

Tetradic

C4A58B
8FC58C
8CABC5
C28CC5

Contrast Matrix WCAG 2.1 Contrast

C4A58B
BD3E3E
591F4C
691C57
D1BBA9
—
2.3
Fail
5.3
AA
4.8
AA
1.3
Fail
2.3
Fail
—
2.3
Fail
2.1
Fail
2.9
Fail
5.3
AA
2.3
Fail
—
1.1
Fail
6.6
AA
4.8
AA
2.1
Fail
1.1
Fail
—
6.0
AA
1.3
Fail
2.9
Fail
6.6
AA
6.0
AA
—
White BG
2.3Fail
5.4AA
12.2AAA
11.0AAA
1.8Fail
Black BG
9.1AAA
3.9AA Large
1.7Fail
1.9Fail
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B691
86853E
403F41
484749
C7C7AD

Deuteranopia

B8BB93
8D973E
43483E
4C5245
C9CAAE

Tritanopia

C29697
B73E3E
563937
653D3B
D0B1B2

Achromatopsia

ABABAB
646464
353535
3A3A3A
C0C0C0

Shades & Tints Shades & Tints

#C4A58B

Dark
Light

#BD3E3E

Dark
Light

#591F4C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4a58b;
  --color-2: #bd3e3e;
  --color-3: #591f4c;
  --color-4: #691c57;
  --color-5: #d1bba9;
}

SCSS

$color-1: #c4a58b;
$color-2: #bd3e3e;
$color-3: #591f4c;
$color-4: #691c57;
$color-5: #d1bba9;

TAILWIND

colors: {
  'brand-1': '#c4a58b',
  'brand-2': '#bd3e3e',
  'brand-3': '#591f4c',
  'brand-4': '#691c57',
  'brand-5': '#d1bba9',
}

RGB Array

[196, 165, 139], [189, 62, 62], [89, 31, 76], [105, 28, 87], [209, 187, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4A58B, #BD3E3E, #591F4C, #691C57, #D1BBA9 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: #c4a58b; --color-2: #bd3e3e; --color-3: #591f4c; --color-4: #691c57; --color-5: #d1bba9. 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