← Back to Editor

#D8DEB6 · #8AB8AA · #C4273A · #61292D · #2B2424

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

#D8DEB6

Fresh Green · Wheat · Lemon Cream

HEX
#D8DEB6
RGB
rgb(216, 222, 182)
HSL
hsl(69, 38%, 79%)
HSB
hsb(69, 18%, 87%)
CMYK
cmyk(3%, 0%, 18%, 13%)
Oklch
oklch(88.6% 0.053 114.4)

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

#8AB8AA

Jade · DarkSeaGreen · Lake Green

HEX
#8AB8AA
RGB
rgb(138, 184, 170)
HSL
hsl(162, 24%, 63%)
HSB
hsb(162, 25%, 72%)
CMYK
cmyk(25%, 0%, 8%, 28%)
Oklch
oklch(74.6% 0.053 174.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C4273A

Vermilion · FireBrick · Passion Red

HEX
#C4273A
RGB
rgb(196, 39, 58)
HSL
hsl(353, 67%, 46%)
HSB
hsb(353, 80%, 77%)
CMYK
cmyk(0%, 80%, 70%, 23%)
Oklch
oklch(53.7% 0.191 20.8)

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

#61292D

Crimson · DarkOliveGreen · Wine Red

HEX
#61292D
RGB
rgb(97, 41, 45)
HSL
hsl(356, 41%, 27%)
HSB
hsb(356, 58%, 38%)
CMYK
cmyk(0%, 58%, 54%, 62%)
Oklch
oklch(36.1% 0.081 17.7)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#2B2424

Crimson · DarkSlateGray · Dark Stone

HEX
#2B2424
RGB
rgb(43, 36, 36)
HSL
hsl(0, 9%, 15%)
HSB
hsb(0, 16%, 17%)
CMYK
cmyk(0%, 16%, 16%, 83%)
Oklch
oklch(26.8% 0.011 17.8)

Traditional「Crimson」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8DEB6
BBB5DE

Analogous

DED0B5
D8DEB6
C3DEB5

Triadic

D8DEB6
B5D8DE
DEB5D8

Split-Comp.

D8DEB6
B5C3DE
D0B5DE

Tetradic

D8DEB6
B5DED0
BBB5DE
DEB5C3

Contrast Matrix WCAG 2.1 Contrast

D8DEB6
8AB8AA
C4273A
61292D
2B2424
—
1.6
Fail
4.1
AA Large
8.1
AAA
10.9
AAA
1.6
Fail
—
2.6
Fail
5.1
AA
6.9
AA
4.1
AA Large
2.6
Fail
—
2.0
Fail
2.7
Fail
8.1
AAA
5.1
AA
2.0
Fail
—
1.3
Fail
10.9
AAA
6.9
AA
2.7
Fail
1.3
Fail
—
White BG
1.4Fail
2.2Fail
5.7AA
11.3AAA
15.2AAA
Black BG
15.0AAA
9.5AAA
3.7AA Large
1.9Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBC0
9E9EAD
807F35
49482C
282824

Deuteranopia

DADAC2
9B98AE
899534
4C502C
282924

Tritanopia

D8C7C9
8CB0B1
BC3231
5E2B2B
2B2424

Achromatopsia

D8D8D8
A9A9A9
585858
3A3A3A
262626

Shades & Tints Shades & Tints

#D8DEB6

Dark
Light

#8AB8AA

Dark
Light

#C4273A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8deb6;
  --color-2: #8ab8aa;
  --color-3: #c4273a;
  --color-4: #61292d;
  --color-5: #2b2424;
}

SCSS

$color-1: #d8deb6;
$color-2: #8ab8aa;
$color-3: #c4273a;
$color-4: #61292d;
$color-5: #2b2424;

TAILWIND

colors: {
  'brand-1': '#d8deb6',
  'brand-2': '#8ab8aa',
  'brand-3': '#c4273a',
  'brand-4': '#61292d',
  'brand-5': '#2b2424',
}

RGB Array

[216, 222, 182], [138, 184, 170], [196, 39, 58], [97, 41, 45], [43, 36, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8DEB6, #8AB8AA, #C4273A, #61292D, #2B2424 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: #d8deb6; --color-2: #8ab8aa; --color-3: #c4273a; --color-4: #61292d; --color-5: #2b2424. 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