← Back to Editor

#ECECA0 · #C1A088 · #906E6A · #5D424D · #2A0420

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

#ECECA0

Fresh Green · Khaki · Lemon Cream

HEX
#ECECA0
RGB
rgb(236, 236, 160)
HSL
hsl(60, 67%, 78%)
HSB
hsb(60, 32%, 93%)
CMYK
cmyk(0%, 0%, 32%, 7%)
Oklch
oklch(92.6% 0.096 108.1)

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

#C1A088

Apricot · Tan · Warm Sun

HEX
#C1A088
RGB
rgb(193, 160, 136)
HSL
hsl(25, 31%, 65%)
HSB
hsb(25, 30%, 76%)
CMYK
cmyk(0%, 17%, 30%, 24%)
Oklch
oklch(72.9% 0.052 57.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#906E6A

Crimson · Gray · Passion Red

HEX
#906E6A
RGB
rgb(144, 110, 106)
HSL
hsl(6, 15%, 49%)
HSB
hsb(6, 26%, 56%)
CMYK
cmyk(0%, 24%, 26%, 44%)
Oklch
oklch(57.1% 0.044 26.2)

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

#5D424D

Dark Violet · DarkSlateGray · Camellia

HEX
#5D424D
RGB
rgb(93, 66, 77)
HSL
hsl(336, 17%, 31%)
HSB
hsb(336, 29%, 36%)
CMYK
cmyk(0%, 29%, 17%, 64%)
Oklch
oklch(41.3% 0.041 352.8)

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

#2A0420

Rose Purple · Black · Dark Purple

HEX
#2A0420
RGB
rgb(42, 4, 32)
HSL
hsl(316, 83%, 9%)
HSB
hsb(316, 90%, 16%)
CMYK
cmyk(0%, 90%, 24%, 84%)
Oklch
oklch(20.0% 0.074 340.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECECA0
A1A1EC

Analogous

ECC7A1
ECECA0
C7ECA1

Triadic

ECECA0
A1ECEC
ECA1EC

Split-Comp.

ECECA0
A1C7EC
C7A1EC

Tetradic

ECECA0
A1ECC7
A1A1EC
ECA1C7

Contrast Matrix WCAG 2.1 Contrast

ECECA0
C1A088
906E6A
5D424D
2A0420
—
2.0
Fail
3.7
AA Large
7.3
AAA
15.0
AAA
2.0
Fail
—
1.9
Fail
3.7
AA Large
7.6
AAA
3.7
AA Large
1.9
Fail
—
2.0
Fail
4.1
AA Large
7.3
AAA
3.7
AA Large
2.0
Fail
—
2.1
Fail
15.0
AAA
7.6
AAA
4.1
AA Large
2.1
Fail
—
White BG
1.2Fail
2.4Fail
4.5AA
8.9AAA
18.5AAA
Black BG
17.1AAA
8.7AAA
4.6AA
2.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECB2
B3B28E
81816B
51514A
1A1919

Deuteranopia

ECECB7
B5B78F
83866B
53554A
1C1F18

Tritanopia

ECC1C4
BF9293
8E6C6C
5C4848
281413

Achromatopsia

E3E3E3
A7A7A7
787878
4B4B4B
131313

Shades & Tints Shades & Tints

#ECECA0

Dark
Light

#C1A088

Dark
Light

#906E6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ececa0;
  --color-2: #c1a088;
  --color-3: #906e6a;
  --color-4: #5d424d;
  --color-5: #2a0420;
}

SCSS

$color-1: #ececa0;
$color-2: #c1a088;
$color-3: #906e6a;
$color-4: #5d424d;
$color-5: #2a0420;

TAILWIND

colors: {
  'brand-1': '#ececa0',
  'brand-2': '#c1a088',
  'brand-3': '#906e6a',
  'brand-4': '#5d424d',
  'brand-5': '#2a0420',
}

RGB Array

[236, 236, 160], [193, 160, 136], [144, 110, 106], [93, 66, 77], [42, 4, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ECECA0, #C1A088, #906E6A, #5D424D, #2A0420 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: #ececa0; --color-2: #c1a088; --color-3: #906e6a; --color-4: #5d424d; --color-5: #2a0420. 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