← Back to Editor

#D9B191 · #C2826D · #AB3048 · #120909 · #780D1A

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

#D9B191

Apricot · Tan · Warm Sun

HEX
#D9B191
RGB
rgb(217, 177, 145)
HSL
hsl(27, 49%, 71%)
HSB
hsb(27, 33%, 85%)
CMYK
cmyk(0%, 18%, 33%, 15%)
Oklch
oklch(78.8% 0.064 60.3)

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

#C2826D

Tangerine · DarkSalmon · Warm Sun

HEX
#C2826D
RGB
rgb(194, 130, 109)
HSL
hsl(15, 41%, 59%)
HSB
hsb(15, 44%, 76%)
CMYK
cmyk(0%, 33%, 44%, 24%)
Oklch
oklch(66.7% 0.086 38.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#AB3048

Crimson · Brown · Passion Red

HEX
#AB3048
RGB
rgb(171, 48, 72)
HSL
hsl(348, 56%, 43%)
HSB
hsb(348, 72%, 67%)
CMYK
cmyk(0%, 72%, 58%, 33%)
Oklch
oklch(50.3% 0.159 13.8)

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

#120909

Crimson · Black · Deep Berry

HEX
#120909
RGB
rgb(18, 9, 9)
HSL
hsl(0, 33%, 5%)
HSB
hsb(0, 50%, 7%)
CMYK
cmyk(0%, 50%, 50%, 93%)
Oklch
oklch(15.3% 0.016 19.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#780D1A

Vermilion · Maroon · Wine Red

HEX
#780D1A
RGB
rgb(120, 13, 26)
HSL
hsl(353, 80%, 26%)
HSB
hsb(353, 89%, 47%)
CMYK
cmyk(0%, 89%, 78%, 53%)
Oklch
oklch(36.9% 0.138 22.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9B191
91B9D9

Analogous

D99194
D9B191
D9D691

Triadic

D9B191
91D9B1
B191D9

Split-Comp.

D9B191
91D9D6
9194D9

Tetradic

D9B191
94D991
91B9D9
D691D9

Contrast Matrix WCAG 2.1 Contrast

D9B191
C2826D
AB3048
120909
780D1A
—
1.6
Fail
3.3
AA Large
10.0
AAA
5.7
AA
1.6
Fail
—
2.1
Fail
6.3
AA
3.6
AA Large
3.3
AA Large
2.1
Fail
—
3.0
AA Large
1.7
Fail
10.0
AAA
6.3
AA
3.0
AA Large
—
1.8
Fail
5.7
AA
3.6
AA Large
1.7
Fail
1.8
Fail
—
White BG
2.0Fail
3.1AA Large
6.5AA
19.6AAA
11.2AAA
Black BG
10.6AAA
6.7AA
3.2AA Large
1.1Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C799
A6A672
767542
0E0E09
4A4917

Deuteranopia

CACD9B
AAAF73
7D8641
0F0F09
505816

Tritanopia

D79FA0
BF7677
A53E3D
120909
731414

Achromatopsia

B9B9B9
939393
585858
0C0C0C
2E2E2E

Shades & Tints Shades & Tints

#D9B191

Dark
Light

#C2826D

Dark
Light

#AB3048

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9b191;
  --color-2: #c2826d;
  --color-3: #ab3048;
  --color-4: #120909;
  --color-5: #780d1a;
}

SCSS

$color-1: #d9b191;
$color-2: #c2826d;
$color-3: #ab3048;
$color-4: #120909;
$color-5: #780d1a;

TAILWIND

colors: {
  'brand-1': '#d9b191',
  'brand-2': '#c2826d',
  'brand-3': '#ab3048',
  'brand-4': '#120909',
  'brand-5': '#780d1a',
}

RGB Array

[217, 177, 145], [194, 130, 109], [171, 48, 72], [18, 9, 9], [120, 13, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9B191, #C2826D, #AB3048, #120909, #780D1A 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: #d9b191; --color-2: #c2826d; --color-3: #ab3048; --color-4: #120909; --color-5: #780d1a. 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