← Back to Editor

#721847 · #A8A79B · #D0DAB0 · #F9EBAB · #D9B596

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

#721847

Rose Purple · Brown · Camellia

HEX
#721847
RGB
rgb(114, 24, 71)
HSL
hsl(329, 65%, 27%)
HSB
hsb(329, 79%, 45%)
CMYK
cmyk(0%, 79%, 38%, 55%)
Oklch
oklch(37.8% 0.131 353.6)

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

#A8A79B

Ash · DarkGray · Silver Sand

HEX
#A8A79B
RGB
rgb(168, 167, 155)
HSL
hsl(55, 7%, 63%)
HSB
hsb(55, 8%, 66%)
CMYK
cmyk(0%, 1%, 8%, 34%)
Oklch
oklch(72.6% 0.017 102.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#D0DAB0

Willow Green · Silver · Apple Green

HEX
#D0DAB0
RGB
rgb(208, 218, 176)
HSL
hsl(74, 36%, 77%)
HSB
hsb(74, 19%, 85%)
CMYK
cmyk(5%, 0%, 19%, 15%)
Oklch
oklch(87.0% 0.057 118.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#F9EBAB

Goose Yellow · Wheat · Lemon Cream

HEX
#F9EBAB
RGB
rgb(249, 235, 171)
HSL
hsl(49, 87%, 82%)
HSB
hsb(49, 31%, 98%)
CMYK
cmyk(0%, 6%, 31%, 2%)
Oklch
oklch(93.6% 0.083 97.3)

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

#D9B596

Apricot · Tan · Warm Sun

HEX
#D9B596
RGB
rgb(217, 181, 150)
HSL
hsl(28, 47%, 72%)
HSB
hsb(28, 31%, 85%)
CMYK
cmyk(0%, 17%, 31%, 15%)
Oklch
oklch(79.7% 0.059 62.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

721847
187243

Analogous

701872
721847
72181A

Triadic

721847
467218
184672

Split-Comp.

721847
1A7218
187270

Tetradic

721847
727018
187243
181A72

Contrast Matrix WCAG 2.1 Contrast

721847
A8A79B
D0DAB0
F9EBAB
D9B596
—
4.5
AA Large
7.4
AAA
9.0
AAA
5.7
AA
4.5
AA Large
—
1.7
Fail
2.0
Fail
1.3
Fail
7.4
AAA
1.7
Fail
—
1.2
Fail
1.3
Fail
9.0
AAA
2.0
Fail
1.2
Fail
—
1.6
Fail
5.7
AA
1.3
Fail
1.3
Fail
1.6
Fail
—
White BG
10.8AAA
2.4Fail
1.5Fail
1.2Fail
1.9Fail
Black BG
1.9Fail
8.7AAA
14.3AAA
17.5AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4A3C
A8A89E
D4D4BA
F3F3BA
C9C99E

Deuteranopia

505739
A8A89F
D4D3BD
F4F5BE
CCCE9F

Tritanopia

6E3331
A8A0A1
D1C2C4
F8C7C9
D7A3A5

Achromatopsia

383838
A6A6A6
D2D2D2
E8E8E8
BCBCBC

Shades & Tints Shades & Tints

#721847

Dark
Light

#A8A79B

Dark
Light

#D0DAB0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #721847;
  --color-2: #a8a79b;
  --color-3: #d0dab0;
  --color-4: #f9ebab;
  --color-5: #d9b596;
}

SCSS

$color-1: #721847;
$color-2: #a8a79b;
$color-3: #d0dab0;
$color-4: #f9ebab;
$color-5: #d9b596;

TAILWIND

colors: {
  'brand-1': '#721847',
  'brand-2': '#a8a79b',
  'brand-3': '#d0dab0',
  'brand-4': '#f9ebab',
  'brand-5': '#d9b596',
}

RGB Array

[114, 24, 71], [168, 167, 155], [208, 218, 176], [249, 235, 171], [217, 181, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #721847, #A8A79B, #D0DAB0, #F9EBAB, #D9B596 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: #721847; --color-2: #a8a79b; --color-3: #d0dab0; --color-4: #f9ebab; --color-5: #d9b596. 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