← Back to Editor

#DEDCBF · #C0CEBD · #A1BFBB · #30042A · #BD869C

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

#DEDCBF

Fresh Green · LightGray · Lemon Cream

HEX
#DEDCBF
RGB
rgb(222, 220, 191)
HSL
hsl(56, 32%, 81%)
HSB
hsb(56, 14%, 87%)
CMYK
cmyk(0%, 1%, 14%, 13%)
Oklch
oklch(88.8% 0.039 103.9)

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

#C0CEBD

Celadon · Silver · Apple Green

HEX
#C0CEBD
RGB
rgb(192, 206, 189)
HSL
hsl(109, 15%, 77%)
HSB
hsb(109, 8%, 81%)
CMYK
cmyk(7%, 0%, 8%, 19%)
Oklch
oklch(83.6% 0.028 140.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#A1BFBB

Jade · DarkGray · Lake Green

HEX
#A1BFBB
RGB
rgb(161, 191, 187)
HSL
hsl(172, 19%, 69%)
HSB
hsb(172, 16%, 75%)
CMYK
cmyk(16%, 0%, 2%, 25%)
Oklch
oklch(78.1% 0.033 186.7)

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

#30042A

Rose Purple · Black · Dark Purple

HEX
#30042A
RGB
rgb(48, 4, 42)
HSL
hsl(308, 85%, 10%)
HSB
hsb(308, 92%, 19%)
CMYK
cmyk(0%, 92%, 13%, 81%)
Oklch
oklch(21.8% 0.087 334.4)

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

#BD869C

Rouge · DarkGray · Rose Pink

HEX
#BD869C
RGB
rgb(189, 134, 156)
HSL
hsl(336, 29%, 63%)
HSB
hsb(336, 29%, 74%)
CMYK
cmyk(0%, 29%, 17%, 26%)
Oklch
oklch(68.1% 0.073 353.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEDCBF
BFC1DE

Analogous

DECCBF
DEDCBF
D1DEBF

Triadic

DEDCBF
BFDEDC
DCBFDE

Split-Comp.

DEDCBF
BFD1DE
CCBFDE

Tetradic

DEDCBF
BFDECC
BFC1DE
DEBFD1

Contrast Matrix WCAG 2.1 Contrast

DEDCBF
C0CEBD
A1BFBB
30042A
BD869C
—
1.2
Fail
1.4
Fail
12.8
AAA
2.1
Fail
1.2
Fail
—
1.2
Fail
10.9
AAA
1.8
Fail
1.4
Fail
1.2
Fail
—
9.1
AAA
1.5
Fail
12.8
AAA
10.9
AAA
9.1
AAA
—
6.0
AA
2.1
Fail
1.8
Fail
1.5
Fail
6.0
AA
—
White BG
1.4Fail
1.6Fail
2.0Fail
17.8AAA
3.0Fail
Black BG
15.1AAA
12.8AAA
10.7AAA
1.2Fail
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDC6
C6C6C1
AEAEBC
1D1D21
A5A597

Deuteranopia

DDDDC8
C5C4C2
ACAABC
20231F
A8AC95

Tritanopia

DECCCD
C1C4C5
A3BDBD
2E1A18
BA9292

Achromatopsia

D9D9D9
C8C8C8
B6B6B6
151515
999999

Shades & Tints Shades & Tints

#DEDCBF

Dark
Light

#C0CEBD

Dark
Light

#A1BFBB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dedcbf;
  --color-2: #c0cebd;
  --color-3: #a1bfbb;
  --color-4: #30042a;
  --color-5: #bd869c;
}

SCSS

$color-1: #dedcbf;
$color-2: #c0cebd;
$color-3: #a1bfbb;
$color-4: #30042a;
$color-5: #bd869c;

TAILWIND

colors: {
  'brand-1': '#dedcbf',
  'brand-2': '#c0cebd',
  'brand-3': '#a1bfbb',
  'brand-4': '#30042a',
  'brand-5': '#bd869c',
}

RGB Array

[222, 220, 191], [192, 206, 189], [161, 191, 187], [48, 4, 42], [189, 134, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEDCBF, #C0CEBD, #A1BFBB, #30042A, #BD869C 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: #dedcbf; --color-2: #c0cebd; --color-3: #a1bfbb; --color-4: #30042a; --color-5: #bd869c. 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