← Back to Editor

#D91A1D · #FFD926 · #BD84BD · #FAF0F8 · #59514F

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

#D91A1D

Vermilion · Crimson · Passion Red

HEX
#D91A1D
RGB
rgb(217, 26, 29)
HSL
hsl(359, 79%, 48%)
HSB
hsb(359, 88%, 85%)
CMYK
cmyk(0%, 88%, 87%, 15%)
Oklch
oklch(56.5% 0.219 27.6)

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

#FFD926

Ginger · Gold · Sunflower

HEX
#FFD926
RGB
rgb(255, 217, 38)
HSL
hsl(49, 100%, 57%)
HSB
hsb(49, 85%, 100%)
CMYK
cmyk(0%, 15%, 85%, 0%)
Oklch
oklch(89.1% 0.176 95.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#BD84BD

Mauve · Orchid · Lilac Purple

HEX
#BD84BD
RGB
rgb(189, 132, 189)
HSL
hsl(300, 30%, 63%)
HSB
hsb(300, 30%, 74%)
CMYK
cmyk(0%, 30%, 0%, 26%)
Oklch
oklch(68.9% 0.104 326.6)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#FAF0F8

Mauve · Snow · Lavender

HEX
#FAF0F8
RGB
rgb(250, 240, 248)
HSL
hsl(312, 50%, 96%)
HSB
hsb(312, 4%, 98%)
CMYK
cmyk(0%, 4%, 1%, 2%)
Oklch
oklch(96.5% 0.015 332.2)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#59514F

Ink Gray · DimGray · Charcoal

HEX
#59514F
RGB
rgb(89, 81, 79)
HSL
hsl(12, 6%, 33%)
HSB
hsb(12, 11%, 35%)
CMYK
cmyk(0%, 9%, 11%, 65%)
Oklch
oklch(44.2% 0.011 34.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D91A1D
1ADBD8

Analogous

DB1A7E
D91A1D
DB771A

Triadic

D91A1D
1DDB1A
1A1DDB

Split-Comp.

D91A1D
1ADB77
1A7EDB

Tetradic

D91A1D
7EDB1A
1ADBD8
771ADB

Contrast Matrix WCAG 2.1 Contrast

D91A1D
FFD926
BD84BD
FAF0F8
59514F
—
3.7
AA Large
1.7
Fail
4.6
AA
1.5
Fail
3.7
AA Large
—
2.1
Fail
1.2
Fail
5.6
AA
1.7
Fail
2.1
Fail
—
2.6
Fail
2.7
Fail
4.6
AA
1.2
Fail
2.6
Fail
—
7.0
AA
1.5
Fail
5.6
AA
2.7
Fail
7.0
AA
—
White BG
5.1AA
1.4Fail
2.9Fail
1.1Fail
7.7AAA
Black BG
4.1AA Large
15.2AAA
7.2AAA
18.9AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

86851C
EFEE51
A4A4AF
F6F6F6
56554F

Deuteranopia

91A01C
F1F45C
A8ACAC
F6F7F6
565750

Tritanopia

CF1C1C
FD747B
BAA4A2
FAF5F4
595050

Achromatopsia

535353
D0D0D0
9C9C9C
F4F4F4
535353

Shades & Tints Shades & Tints

#D91A1D

Dark
Light

#FFD926

Dark
Light

#BD84BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d91a1d;
  --color-2: #ffd926;
  --color-3: #bd84bd;
  --color-4: #faf0f8;
  --color-5: #59514f;
}

SCSS

$color-1: #d91a1d;
$color-2: #ffd926;
$color-3: #bd84bd;
$color-4: #faf0f8;
$color-5: #59514f;

TAILWIND

colors: {
  'brand-1': '#d91a1d',
  'brand-2': '#ffd926',
  'brand-3': '#bd84bd',
  'brand-4': '#faf0f8',
  'brand-5': '#59514f',
}

RGB Array

[217, 26, 29], [255, 217, 38], [189, 132, 189], [250, 240, 248], [89, 81, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D91A1D, #FFD926, #BD84BD, #FAF0F8, #59514F 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: #d91a1d; --color-2: #ffd926; --color-3: #bd84bd; --color-4: #faf0f8; --color-5: #59514f. 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