← Back to Editor

#D1A4A0 · #BD8484 · #916D6A · #281400 · #960E10

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

#D1A4A0

Peach Pink · Tan · Coral Red

HEX
#D1A4A0
RGB
rgb(209, 164, 160)
HSL
hsl(5, 35%, 72%)
HSB
hsb(5, 23%, 82%)
CMYK
cmyk(0%, 22%, 23%, 18%)
Oklch
oklch(75.9% 0.054 24.3)

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

#BD8484

Peach Pink · DarkSalmon · Coral Red

HEX
#BD8484
RGB
rgb(189, 132, 132)
HSL
hsl(0, 30%, 63%)
HSB
hsb(0, 30%, 74%)
CMYK
cmyk(0%, 30%, 30%, 26%)
Oklch
oklch(67.0% 0.071 19.1)

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

#916D6A

Crimson · Gray · Passion Red

HEX
#916D6A
RGB
rgb(145, 109, 106)
HSL
hsl(5, 16%, 49%)
HSB
hsb(5, 27%, 57%)
CMYK
cmyk(0%, 25%, 27%, 43%)
Oklch
oklch(57.0% 0.046 24.1)

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

#281400

Ochre · Black · Cinnamon

HEX
#281400
RGB
rgb(40, 20, 0)
HSL
hsl(30, 100%, 8%)
HSB
hsb(30, 100%, 16%)
CMYK
cmyk(0%, 50%, 100%, 84%)
Oklch
oklch(21.5% 0.048 65.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#960E10

Vermilion · DarkRed · Wine Red

HEX
#960E10
RGB
rgb(150, 14, 16)
HSL
hsl(359, 83%, 32%)
HSB
hsb(359, 91%, 59%)
CMYK
cmyk(0%, 91%, 89%, 41%)
Oklch
oklch(42.9% 0.167 27.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1A4A0
9FCCD1

Analogous

D19FB3
D1A4A0
D1BC9F

Triadic

D1A4A0
9FD1A3
A39FD1

Split-Comp.

D1A4A0
9FD1BC
9FB3D1

Tetradic

D1A4A0
B3D19F
9FCCD1
BC9FD1

Contrast Matrix WCAG 2.1 Contrast

D1A4A0
BD8484
916D6A
281400
960E10
—
1.4
Fail
2.1
Fail
8.0
AAA
4.0
AA Large
1.4
Fail
—
1.5
Fail
5.7
AA
2.9
Fail
2.1
Fail
1.5
Fail
—
3.9
AA Large
1.9
Fail
8.0
AAA
5.7
AA
3.9
AA Large
—
2.0
Fail
4.0
AA Large
2.9
Fail
1.9
Fail
2.0
Fail
—
White BG
2.2Fail
3.1AA Large
4.6AA
17.6AAA
8.9AAA
Black BG
9.5AAA
6.8AA
4.6AA
1.2Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBDA1
A4A484
81816B
1F1F05
5B5A10

Deuteranopia

C0C3A1
A8AC84
84866B
212206
636D0F

Tritanopia

CFA2A2
BA8484
8F6B6B
27090A
8F0F0F

Achromatopsia

B1B1B1
959595
777777
181818
373737

Shades & Tints Shades & Tints

#D1A4A0

Dark
Light

#BD8484

Dark
Light

#916D6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1a4a0;
  --color-2: #bd8484;
  --color-3: #916d6a;
  --color-4: #281400;
  --color-5: #960e10;
}

SCSS

$color-1: #d1a4a0;
$color-2: #bd8484;
$color-3: #916d6a;
$color-4: #281400;
$color-5: #960e10;

TAILWIND

colors: {
  'brand-1': '#d1a4a0',
  'brand-2': '#bd8484',
  'brand-3': '#916d6a',
  'brand-4': '#281400',
  'brand-5': '#960e10',
}

RGB Array

[209, 164, 160], [189, 132, 132], [145, 109, 106], [40, 20, 0], [150, 14, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1A4A0, #BD8484, #916D6A, #281400, #960E10 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: #d1a4a0; --color-2: #bd8484; --color-3: #916d6a; --color-4: #281400; --color-5: #960e10. 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