← Back to Editor

#B6A7A4 · #E8DDCA · #DFAD66 · #CA4952 · #B62820

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

#B6A7A4

Peach Pink · DarkGray · Coral Red

HEX
#B6A7A4
RGB
rgb(182, 167, 164)
HSL
hsl(10, 11%, 68%)
HSB
hsb(10, 10%, 71%)
CMYK
cmyk(0%, 8%, 10%, 29%)
Oklch
oklch(74.0% 0.018 31.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E8DDCA

Goose Yellow · Bisque · Peach Orange

HEX
#E8DDCA
RGB
rgb(232, 221, 202)
HSL
hsl(38, 39%, 85%)
HSB
hsb(38, 13%, 91%)
CMYK
cmyk(0%, 5%, 13%, 9%)
Oklch
oklch(90.1% 0.028 81.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DFAD66

Ginger · SandyBrown · Warm Sun

HEX
#DFAD66
RGB
rgb(223, 173, 102)
HSL
hsl(35, 65%, 64%)
HSB
hsb(35, 54%, 87%)
CMYK
cmyk(0%, 22%, 54%, 13%)
Oklch
oklch(77.9% 0.106 74.8)

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

#CA4952

Crimson · Sienna · Passion Red

HEX
#CA4952
RGB
rgb(202, 73, 82)
HSL
hsl(356, 55%, 54%)
HSB
hsb(356, 64%, 79%)
CMYK
cmyk(0%, 64%, 59%, 21%)
Oklch
oklch(58.4% 0.164 19.7)

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

#B62820

Vermilion · FireBrick · Passion Red

HEX
#B62820
RGB
rgb(182, 40, 32)
HSL
hsl(3, 70%, 42%)
HSB
hsb(3, 82%, 71%)
CMYK
cmyk(0%, 78%, 82%, 29%)
Oklch
oklch(50.9% 0.180 28.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6A7A4
A4B3B6

Analogous

B6A4AA
B6A7A4
B6B0A4

Triadic

B6A7A4
A4B6A7
A7A4B6

Split-Comp.

B6A7A4
A4B6B0
A4AAB6

Tetradic

B6A7A4
AAB6A4
A4B3B6
B0A4B6

Contrast Matrix WCAG 2.1 Contrast

B6A7A4
E8DDCA
DFAD66
CA4952
B62820
—
1.7
Fail
1.1
Fail
2.0
Fail
2.7
Fail
1.7
Fail
—
1.5
Fail
3.4
AA Large
4.7
AA
1.1
Fail
1.5
Fail
—
2.2
Fail
3.1
AA Large
2.0
Fail
3.4
AA Large
2.2
Fail
—
1.4
Fail
2.7
Fail
4.7
AA
3.1
AA Large
1.4
Fail
—
White BG
2.3Fail
1.3Fail
2.0Fail
4.6AA
6.3AA
Black BG
9.1AAA
15.6AAA
10.3AAA
4.6AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0AFA5
E3E3CF
C9C977
929150
797722

Deuteranopia

B0B2A5
E4E5D0
CCD07B
9AA34F
818B22

Tritanopia

B5A5A5
E7D2D3
DD8588
C44E4E
AF2324

Achromatopsia

ABABAB
DEDEDE
B4B4B4
717171
525252

Shades & Tints Shades & Tints

#B6A7A4

Dark
Light

#E8DDCA

Dark
Light

#DFAD66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6a7a4;
  --color-2: #e8ddca;
  --color-3: #dfad66;
  --color-4: #ca4952;
  --color-5: #b62820;
}

SCSS

$color-1: #b6a7a4;
$color-2: #e8ddca;
$color-3: #dfad66;
$color-4: #ca4952;
$color-5: #b62820;

TAILWIND

colors: {
  'brand-1': '#b6a7a4',
  'brand-2': '#e8ddca',
  'brand-3': '#dfad66',
  'brand-4': '#ca4952',
  'brand-5': '#b62820',
}

RGB Array

[182, 167, 164], [232, 221, 202], [223, 173, 102], [202, 73, 82], [182, 40, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6A7A4, #E8DDCA, #DFAD66, #CA4952, #B62820 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: #b6a7a4; --color-2: #e8ddca; --color-3: #dfad66; --color-4: #ca4952; --color-5: #b62820. 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