← Back to Editor

#D8DAC6 · #C91FAC · #92871E · #0C3350 · #070C0F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D8DAC6

Fresh Green · LightGray · Lemon Cream

HEX
#D8DAC6
RGB
rgb(216, 218, 198)
HSL
hsl(66, 21%, 82%)
HSB
hsb(66, 9%, 85%)
CMYK
cmyk(1%, 0%, 9%, 15%)
Oklch
oklch(88.1% 0.027 111.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#C91FAC

Rose Purple · MediumVioletRed · Violet

HEX
#C91FAC
RGB
rgb(201, 31, 172)
HSL
hsl(310, 73%, 45%)
HSB
hsb(310, 85%, 79%)
CMYK
cmyk(0%, 85%, 14%, 21%)
Oklch
oklch(57.9% 0.239 336.8)

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

#92871E

Autumn Sage · Olive · Honey Gold

HEX
#92871E
RGB
rgb(146, 135, 30)
HSL
hsl(54, 66%, 35%)
HSB
hsb(54, 79%, 57%)
CMYK
cmyk(0%, 8%, 79%, 43%)
Oklch
oklch(61.5% 0.119 103.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#0C3350

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#0C3350
RGB
rgb(12, 51, 80)
HSL
hsl(206, 74%, 18%)
HSB
hsb(206, 85%, 31%)
CMYK
cmyk(85%, 36%, 0%, 69%)
Oklch
oklch(31.0% 0.067 245.3)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#070C0F

Slate Blue · Black · Deep Sea Blue

HEX
#070C0F
RGB
rgb(7, 12, 15)
HSL
hsl(203, 36%, 4%)
HSB
hsb(203, 53%, 6%)
CMYK
cmyk(53%, 20%, 0%, 94%)
Oklch
oklch(15.0% 0.011 233.1)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8DAC6
C9C7DB

Analogous

DBD3C7
D8DAC6
CFDBC7

Triadic

D8DAC6
C7D9DB
DBC7D9

Split-Comp.

D8DAC6
C7CFDB
D3C7DB

Tetradic

D8DAC6
C7DBD3
C9C7DB
DBC7CF

Contrast Matrix WCAG 2.1 Contrast

D8DAC6
C91FAC
92871E
0C3350
070C0F
—
3.5
AA Large
2.6
Fail
9.2
AAA
13.8
AAA
3.5
AA Large
—
1.3
Fail
2.7
Fail
4.0
AA Large
2.6
Fail
1.3
Fail
—
3.6
AA Large
5.3
AA
9.2
AAA
2.7
Fail
3.6
AA Large
—
1.5
Fail
13.8
AAA
4.0
AA Large
5.3
AA
1.5
Fail
—
White BG
1.4Fail
4.9AA
3.7AA Large
13.1AAA
19.7AAA
Black BG
14.8AAA
4.3AA Large
5.7AA
1.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9CB
7F7E8A
8D8D37
1D1D49
09090E

Deuteranopia

D9D9CC
899682
8E8F3E
1B1847
09090E

Tritanopia

D8CFD0
C16F69
914B50
0E4342
070E0E

Achromatopsia

D7D7D7
626262
7E7E7E
2B2B2B
0B0B0B

Shades & Tints Shades & Tints

#D8DAC6

Dark
Light

#C91FAC

Dark
Light

#92871E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8dac6;
  --color-2: #c91fac;
  --color-3: #92871e;
  --color-4: #0c3350;
  --color-5: #070c0f;
}

SCSS

$color-1: #d8dac6;
$color-2: #c91fac;
$color-3: #92871e;
$color-4: #0c3350;
$color-5: #070c0f;

TAILWIND

colors: {
  'brand-1': '#d8dac6',
  'brand-2': '#c91fac',
  'brand-3': '#92871e',
  'brand-4': '#0c3350',
  'brand-5': '#070c0f',
}

RGB Array

[216, 218, 198], [201, 31, 172], [146, 135, 30], [12, 51, 80], [7, 12, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8DAC6, #C91FAC, #92871E, #0C3350, #070C0F is ideal for: tech websites, dark mode UIs, game UIs, 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: #d8dac6; --color-2: #c91fac; --color-3: #92871e; --color-4: #0c3350; --color-5: #070c0f. 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 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