← Back to Editor

#D8CBAF · #F31B8B · #A2126E · #510950 · #19020F

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

#D8CBAF

Goose Yellow · Silver · Lemon Cream

HEX
#D8CBAF
RGB
rgb(216, 203, 175)
HSL
hsl(41, 34%, 77%)
HSB
hsb(41, 19%, 85%)
CMYK
cmyk(0%, 6%, 19%, 15%)
Oklch
oklch(84.5% 0.040 86.1)

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

#F31B8B

Rose Purple · DeepPink · Rose Pink

HEX
#F31B8B
RGB
rgb(243, 27, 139)
HSL
hsl(329, 90%, 53%)
HSB
hsb(329, 89%, 95%)
CMYK
cmyk(0%, 89%, 43%, 5%)
Oklch
oklch(63.4% 0.248 357.5)

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

#A2126E

Rose Purple · DarkMagenta · Camellia

HEX
#A2126E
RGB
rgb(162, 18, 110)
HSL
hsl(322, 80%, 35%)
HSB
hsb(322, 89%, 64%)
CMYK
cmyk(0%, 89%, 32%, 36%)
Oklch
oklch(47.7% 0.190 348.7)

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

#510950

Rose Purple · MidnightBlue · Dark Purple

HEX
#510950
RGB
rgb(81, 9, 80)
HSL
hsl(301, 80%, 18%)
HSB
hsb(301, 89%, 32%)
CMYK
cmyk(0%, 89%, 1%, 68%)
Oklch
oklch(31.1% 0.131 328.8)

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

#19020F

Rose Purple · Black · Raspberry

HEX
#19020F
RGB
rgb(25, 2, 15)
HSL
hsl(326, 85%, 5%)
HSB
hsb(326, 92%, 10%)
CMYK
cmyk(0%, 92%, 40%, 90%)
Oklch
oklch(14.9% 0.052 346.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8CBAF
B0BDD8

Analogous

D8B8B0
D8CBAF
D1D8B0

Triadic

D8CBAF
B0D8CC
CCB0D8

Split-Comp.

D8CBAF
B0D1D8
B8B0D8

Tetradic

D8CBAF
B0D8B8
B0BDD8
D8B0D1

Contrast Matrix WCAG 2.1 Contrast

D8CBAF
F31B8B
A2126E
510950
19020F
—
2.4
Fail
4.6
AA
8.7
AAA
12.4
AAA
2.4
Fail
—
1.9
Fail
3.5
AA Large
5.1
AA
4.6
AA
1.9
Fail
—
1.9
Fail
2.7
Fail
8.7
AAA
3.5
AA Large
1.9
Fail
—
1.4
Fail
12.4
AAA
5.1
AA
2.7
Fail
1.4
Fail
—
White BG
1.6Fail
3.9AA Large
7.4AAA
14.0AAA
19.9AAA
Black BG
13.1AAA
5.3AA
2.8Fail
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2B6
959470
646258
32313F
0F0F0C

Deuteranopia

D3D4B7
A2B269
6C7752
363B3B
10120B

Tritanopia

D7BBBC
E85B56
9B4642
4D312E
180909

Achromatopsia

CCCCCC
686868
484848
272727
0A0A0A

Shades & Tints Shades & Tints

#D8CBAF

Dark
Light

#F31B8B

Dark
Light

#A2126E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8cbaf;
  --color-2: #f31b8b;
  --color-3: #a2126e;
  --color-4: #510950;
  --color-5: #19020f;
}

SCSS

$color-1: #d8cbaf;
$color-2: #f31b8b;
$color-3: #a2126e;
$color-4: #510950;
$color-5: #19020f;

TAILWIND

colors: {
  'brand-1': '#d8cbaf',
  'brand-2': '#f31b8b',
  'brand-3': '#a2126e',
  'brand-4': '#510950',
  'brand-5': '#19020f',
}

RGB Array

[216, 203, 175], [243, 27, 139], [162, 18, 110], [81, 9, 80], [25, 2, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8CBAF, #F31B8B, #A2126E, #510950, #19020F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #d8cbaf; --color-2: #f31b8b; --color-3: #a2126e; --color-4: #510950; --color-5: #19020f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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