← Back to Editor

#800033 · #B9470E · #D98274 · #DAA1A8 · #DBC7D4

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

#800033

Dark Violet · Maroon · Raspberry

HEX
#800033
RGB
rgb(128, 0, 51)
HSL
hsl(336, 100%, 25%)
HSB
hsb(336, 100%, 50%)
CMYK
cmyk(0%, 100%, 60%, 50%)
Oklch
oklch(38.4% 0.154 8.3)

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

#B9470E

Tangerine · Sienna · Amber Brown

HEX
#B9470E
RGB
rgb(185, 71, 14)
HSL
hsl(20, 86%, 39%)
HSB
hsb(20, 92%, 73%)
CMYK
cmyk(0%, 62%, 92%, 27%)
Oklch
oklch(54.6% 0.159 41.6)

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

#D98274

Peach Pink · LightCoral · Coral Red

HEX
#D98274
RGB
rgb(217, 130, 116)
HSL
hsl(8, 57%, 65%)
HSB
hsb(8, 47%, 85%)
CMYK
cmyk(0%, 40%, 47%, 15%)
Oklch
oklch(69.6% 0.110 29.9)

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

#DAA1A8

Peach Pink · Tan · Coral Red

HEX
#DAA1A8
RGB
rgb(218, 161, 168)
HSL
hsl(353, 44%, 74%)
HSB
hsb(353, 26%, 85%)
CMYK
cmyk(0%, 26%, 23%, 15%)
Oklch
oklch(76.5% 0.068 10.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DBC7D4

Mauve · LightGray · Cherry Blossom

HEX
#DBC7D4
RGB
rgb(219, 199, 212)
HSL
hsl(321, 22%, 82%)
HSB
hsb(321, 9%, 86%)
CMYK
cmyk(0%, 9%, 3%, 14%)
Oklch
oklch(85.0% 0.028 338.7)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

800033
00804C

Analogous

800073
800033
800D00

Triadic

800033
338000
003380

Split-Comp.

800033
00800D
007380

Tetradic

800033
738000
00804C
0D0080

Contrast Matrix WCAG 2.1 Contrast

800033
B9470E
D98274
DAA1A8
DBC7D4
—
2.0
Fail
3.8
AA Large
4.9
AA
6.7
AA
2.0
Fail
—
1.9
Fail
2.4
Fail
3.3
AA Large
3.8
AA Large
1.9
Fail
—
1.3
Fail
1.8
Fail
4.9
AA
2.4
Fail
1.3
Fail
—
1.4
Fail
6.7
AA
3.3
AA Large
1.8
Fail
1.4
Fail
—
White BG
10.7AAA
5.3AA
2.8Fail
2.2Fail
1.6Fail
Black BG
2.0Fail
4.0AA Large
7.4AAA
9.6AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494727
88871C
B3B377
C1C1A6
D2D2D1

Deuteranopia

505A24
8E971F
B8BF78
C5C9A6
D4D5D0

Tritanopia

7A1D1B
B32729
D57A7B
D7A5A5
DACECE

Achromatopsia

2C2C2C
636363
9A9A9A
B3B3B3
CECECE

Shades & Tints Shades & Tints

#800033

Dark
Light

#B9470E

Dark
Light

#D98274

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #800033;
  --color-2: #b9470e;
  --color-3: #d98274;
  --color-4: #daa1a8;
  --color-5: #dbc7d4;
}

SCSS

$color-1: #800033;
$color-2: #b9470e;
$color-3: #d98274;
$color-4: #daa1a8;
$color-5: #dbc7d4;

TAILWIND

colors: {
  'brand-1': '#800033',
  'brand-2': '#b9470e',
  'brand-3': '#d98274',
  'brand-4': '#daa1a8',
  'brand-5': '#dbc7d4',
}

RGB Array

[128, 0, 51], [185, 71, 14], [217, 130, 116], [218, 161, 168], [219, 199, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #800033, #B9470E, #D98274, #DAA1A8, #DBC7D4 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: #800033; --color-2: #b9470e; --color-3: #d98274; --color-4: #daa1a8; --color-5: #dbc7d4. 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