← Back to Editor

#ECECE0 · #DACDAB · #B69A96 · #855970 · #4C1131

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

#ECECE0

Fresh Green · Beige · Lemon Cream

HEX
#ECECE0
RGB
rgb(236, 236, 224)
HSL
hsl(60, 24%, 90%)
HSB
hsb(60, 5%, 93%)
CMYK
cmyk(0%, 0%, 5%, 7%)
Oklch
oklch(94.0% 0.016 106.7)

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

#DACDAB

Goose Yellow · Wheat · Lemon Cream

HEX
#DACDAB
RGB
rgb(218, 205, 171)
HSL
hsl(43, 39%, 76%)
HSB
hsb(43, 22%, 85%)
CMYK
cmyk(0%, 6%, 22%, 15%)
Oklch
oklch(85.0% 0.048 89.6)

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

#B69A96

Peach Pink · DarkGray · Coral Red

HEX
#B69A96
RGB
rgb(182, 154, 150)
HSL
hsl(7, 18%, 65%)
HSB
hsb(7, 18%, 71%)
CMYK
cmyk(0%, 15%, 18%, 29%)
Oklch
oklch(71.0% 0.034 27.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#855970

Rose Purple · DimGray · Camellia

HEX
#855970
RGB
rgb(133, 89, 112)
HSL
hsl(329, 20%, 44%)
HSB
hsb(329, 33%, 52%)
CMYK
cmyk(0%, 33%, 16%, 48%)
Oklch
oklch(51.9% 0.066 347.0)

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

#4C1131

Rose Purple · Maroon · Raspberry

HEX
#4C1131
RGB
rgb(76, 17, 49)
HSL
hsl(327, 63%, 18%)
HSB
hsb(327, 78%, 30%)
CMYK
cmyk(0%, 78%, 36%, 70%)
Oklch
oklch(29.1% 0.095 351.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECECE0
DFDFEC

Analogous

ECE6DF
ECECE0
E6ECDF

Triadic

ECECE0
DFECEC
ECDFEC

Split-Comp.

ECECE0
DFE6EC
E6DFEC

Tetradic

ECECE0
DFECE6
DFDFEC
ECDFE6

Contrast Matrix WCAG 2.1 Contrast

ECECE0
DACDAB
B69A96
855970
4C1131
—
1.3
Fail
2.2
Fail
4.8
AA
12.3
AAA
1.3
Fail
—
1.7
Fail
3.6
AA Large
9.3
AAA
2.2
Fail
1.7
Fail
—
2.2
Fail
5.6
AA
4.8
AA
3.6
AA Large
2.2
Fail
—
2.6
Fail
12.3
AAA
9.3
AAA
5.6
AA
2.6
Fail
—
White BG
1.2Fail
1.6Fail
2.6Fail
5.7AA
14.7AAA
Black BG
17.6AAA
13.3AAA
8.1AAA
3.7AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECE3
D4D4B3
AAAA97
72726A
323229

Deuteranopia

ECECE4
D5D6B5
ACAE97
757869
363A27

Tritanopia

ECE5E6
D9BABB
B59898
836665
492322

Achromatopsia

EBEBEB
CDCDCD
A2A2A2
696969
262626

Shades & Tints Shades & Tints

#ECECE0

Dark
Light

#DACDAB

Dark
Light

#B69A96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecece0;
  --color-2: #dacdab;
  --color-3: #b69a96;
  --color-4: #855970;
  --color-5: #4c1131;
}

SCSS

$color-1: #ecece0;
$color-2: #dacdab;
$color-3: #b69a96;
$color-4: #855970;
$color-5: #4c1131;

TAILWIND

colors: {
  'brand-1': '#ecece0',
  'brand-2': '#dacdab',
  'brand-3': '#b69a96',
  'brand-4': '#855970',
  'brand-5': '#4c1131',
}

RGB Array

[236, 236, 224], [218, 205, 171], [182, 154, 150], [133, 89, 112], [76, 17, 49]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ECECE0, #DACDAB, #B69A96, #855970, #4C1131 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: #ecece0; --color-2: #dacdab; --color-3: #b69a96; --color-4: #855970; --color-5: #4c1131. 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