← Back to Editor

#DEE1D6 · #9F2651 · #61192F · #421529 · #12110C

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

#DEE1D6

Willow Green · LightGray · Mint Green

HEX
#DEE1D6
RGB
rgb(222, 225, 214)
HSL
hsl(76, 15%, 86%)
HSB
hsb(76, 5%, 88%)
CMYK
cmyk(1%, 0%, 5%, 12%)
Oklch
oklch(90.4% 0.015 119.1)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#9F2651

Dark Violet · Brown · Camellia

HEX
#9F2651
RGB
rgb(159, 38, 81)
HSL
hsl(339, 61%, 39%)
HSB
hsb(339, 76%, 62%)
CMYK
cmyk(0%, 76%, 49%, 38%)
Oklch
oklch(47.5% 0.159 4.4)

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

#61192F

Dark Violet · Maroon · Raspberry

HEX
#61192F
RGB
rgb(97, 25, 47)
HSL
hsl(342, 59%, 24%)
HSB
hsb(342, 74%, 38%)
CMYK
cmyk(0%, 74%, 52%, 62%)
Oklch
oklch(33.9% 0.105 6.2)

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

#421529

Dark Violet · DarkSlateGray · Raspberry

HEX
#421529
RGB
rgb(66, 21, 41)
HSL
hsl(333, 52%, 17%)
HSB
hsb(333, 68%, 26%)
CMYK
cmyk(0%, 68%, 38%, 74%)
Oklch
oklch(27.4% 0.074 355.4)

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

#12110C

Autumn Sage · Black · Amber Gold

HEX
#12110C
RGB
rgb(18, 17, 12)
HSL
hsl(50, 20%, 6%)
HSB
hsb(50, 33%, 7%)
CMYK
cmyk(0%, 6%, 33%, 93%)
Oklch
oklch(17.7% 0.010 97.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEE1D6
D9D6E1

Analogous

E1DED6
DEE1D6
D8E1D6

Triadic

DEE1D6
D6DEE1
E1D6DE

Split-Comp.

DEE1D6
D6D8E1
DED6E1

Tetradic

DEE1D6
D6E1DE
D9D6E1
E1D6D8

Contrast Matrix WCAG 2.1 Contrast

DEE1D6
9F2651
61192F
421529
12110C
—
5.5
AA
9.4
AAA
11.6
AAA
14.3
AAA
5.5
AA
—
1.7
Fail
2.1
Fail
2.6
Fail
9.4
AAA
1.7
Fail
—
1.2
Fail
1.5
Fail
11.6
AAA
2.1
Fail
1.2
Fail
—
1.2
Fail
14.3
AAA
2.6
Fail
1.5
Fail
1.2
Fail
—
White BG
1.3Fail
7.3AAA
12.4AAA
15.3AAA
18.9AAA
Black BG
15.8AAA
2.9Fail
1.7Fail
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFD9
6B6A47
42412A
2F2E24
12120D

Deuteranopia

DFDFD9
727B44
464B28
313423
12120D

Tritanopia

DEDBDB
993E3D
5D2525
402020
120E0E

Achromatopsia

DFDFDF
4F4F4F
313131
252525
111111

Shades & Tints Shades & Tints

#DEE1D6

Dark
Light

#9F2651

Dark
Light

#61192F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dee1d6;
  --color-2: #9f2651;
  --color-3: #61192f;
  --color-4: #421529;
  --color-5: #12110c;
}

SCSS

$color-1: #dee1d6;
$color-2: #9f2651;
$color-3: #61192f;
$color-4: #421529;
$color-5: #12110c;

TAILWIND

colors: {
  'brand-1': '#dee1d6',
  'brand-2': '#9f2651',
  'brand-3': '#61192f',
  'brand-4': '#421529',
  'brand-5': '#12110c',
}

RGB Array

[222, 225, 214], [159, 38, 81], [97, 25, 47], [66, 21, 41], [18, 17, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEE1D6, #9F2651, #61192F, #421529, #12110C 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: #dee1d6; --color-2: #9f2651; --color-3: #61192f; --color-4: #421529; --color-5: #12110c. 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