← Back to Editor

#DBB995 · #806D4D · #FF0852 · #AB0C3C · #211006

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#DBB995

Goose Yellow · Tan · Warm Sun

HEX
#DBB995
RGB
rgb(219, 185, 149)
HSL
hsl(31, 49%, 72%)
HSB
hsb(31, 32%, 86%)
CMYK
cmyk(0%, 16%, 32%, 14%)
Oklch
oklch(80.6% 0.062 68.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#806D4D

Ochre · DimGray · Amber Brown

HEX
#806D4D
RGB
rgb(128, 109, 77)
HSL
hsl(38, 25%, 40%)
HSB
hsb(38, 40%, 50%)
CMYK
cmyk(0%, 15%, 40%, 50%)
Oklch
oklch(54.5% 0.052 80.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#FF0852

Dark Violet · Crimson · Rose Pink

HEX
#FF0852
RGB
rgb(255, 8, 82)
HSL
hsl(342, 100%, 52%)
HSB
hsb(342, 97%, 100%)
CMYK
cmyk(0%, 97%, 68%, 0%)
Oklch
oklch(63.6% 0.252 16.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#AB0C3C

Dark Violet · FireBrick · Camellia

HEX
#AB0C3C
RGB
rgb(171, 12, 60)
HSL
hsl(342, 87%, 36%)
HSB
hsb(342, 93%, 67%)
CMYK
cmyk(0%, 93%, 65%, 33%)
Oklch
oklch(47.6% 0.184 13.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#211006

Tangerine · Black · Cinnamon

HEX
#211006
RGB
rgb(33, 16, 6)
HSL
hsl(22, 69%, 8%)
HSB
hsb(22, 82%, 13%)
CMYK
cmyk(0%, 52%, 82%, 87%)
Oklch
oklch(19.5% 0.034 51.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBB995
95B6DB

Analogous

DB9695
DBB995
D9DB95

Triadic

DBB995
95DBB9
B995DB

Split-Comp.

DBB995
95D9DB
9695DB

Tetradic

DBB995
95DB96
95B6DB
DB95D9

Contrast Matrix WCAG 2.1 Contrast

DBB995
806D4D
FF0852
AB0C3C
211006
—
2.7
Fail
2.1
Fail
4.0
AA Large
10.0
AAA
2.7
Fail
—
1.3
Fail
1.5
Fail
3.7
AA Large
2.1
Fail
1.3
Fail
—
1.9
Fail
4.7
AA
4.0
AA Large
1.5
Fail
1.9
Fail
—
2.5
Fail
10.0
AAA
3.7
AA Large
4.7
AA
2.5
Fail
—
White BG
1.8Fail
5.0AA
3.9AA Large
7.4AAA
18.4AAA
Black BG
11.4AAA
4.2AA Large
5.4AA
2.8Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCC9E
787855
949240
666530
1A1908

Deuteranopia

CED1A0
797A57
A2B53C
6F7B2E
1B1C09

Tritanopia

D9A5A6
7F5B5C
F3322F
A32725
200A0B

Achromatopsia

BFBFBF
6F6F6F
5A5A5A
414141
141414

Shades & Tints Shades & Tints

#DBB995

Dark
Light

#806D4D

Dark
Light

#FF0852

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbb995;
  --color-2: #806d4d;
  --color-3: #ff0852;
  --color-4: #ab0c3c;
  --color-5: #211006;
}

SCSS

$color-1: #dbb995;
$color-2: #806d4d;
$color-3: #ff0852;
$color-4: #ab0c3c;
$color-5: #211006;

TAILWIND

colors: {
  'brand-1': '#dbb995',
  'brand-2': '#806d4d',
  'brand-3': '#ff0852',
  'brand-4': '#ab0c3c',
  'brand-5': '#211006',
}

RGB Array

[219, 185, 149], [128, 109, 77], [255, 8, 82], [171, 12, 60], [33, 16, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBB995, #806D4D, #FF0852, #AB0C3C, #211006 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dbb995; --color-2: #806d4d; --color-3: #ff0852; --color-4: #ab0c3c; --color-5: #211006. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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