← Back to Editor

#544B64 · #BE2C74 · #ACD0A4 · #E9EBC9 · #B0AE96

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

#544B64

Deep Indigo · DimGray · Eggplant

HEX
#544B64
RGB
rgb(84, 75, 100)
HSL
hsl(262, 14%, 34%)
HSB
hsb(262, 25%, 39%)
CMYK
cmyk(16%, 25%, 0%, 61%)
Oklch
oklch(43.2% 0.042 301.1)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#BE2C74

Dark Violet · MediumVioletRed · Camellia

HEX
#BE2C74
RGB
rgb(190, 44, 116)
HSL
hsl(330, 62%, 46%)
HSB
hsb(330, 77%, 75%)
CMYK
cmyk(0%, 77%, 39%, 25%)
Oklch
oklch(54.5% 0.191 355.7)

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

#ACD0A4

Celadon · Silver · Apple Green

HEX
#ACD0A4
RGB
rgb(172, 208, 164)
HSL
hsl(109, 32%, 73%)
HSB
hsb(109, 21%, 82%)
CMYK
cmyk(17%, 0%, 21%, 18%)
Oklch
oklch(82.0% 0.072 140.0)

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

#E9EBC9

Fresh Green · Bisque · Lemon Cream

HEX
#E9EBC9
RGB
rgb(233, 235, 201)
HSL
hsl(64, 46%, 85%)
HSB
hsb(64, 14%, 92%)
CMYK
cmyk(1%, 0%, 14%, 8%)
Oklch
oklch(93.0% 0.045 110.0)

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

#B0AE96

Fresh Green · DarkGray · Sunflower

HEX
#B0AE96
RGB
rgb(176, 174, 150)
HSL
hsl(55, 14%, 64%)
HSB
hsb(55, 15%, 69%)
CMYK
cmyk(0%, 1%, 15%, 31%)
Oklch
oklch(74.6% 0.033 103.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

544B64
5A634B

Analogous

4B4E63
544B64
604B63

Triadic

544B64
63534B
4B6353

Split-Comp.

544B64
63604B
4E634B

Tetradic

544B64
634B4E
5A634B
4B6360

Contrast Matrix WCAG 2.1 Contrast

544B64
BE2C74
ACD0A4
E9EBC9
B0AE96
—
1.5
Fail
4.8
AA
6.7
AA
3.6
AA Large
1.5
Fail
—
3.2
AA Large
4.5
AA
2.5
Fail
4.8
AA
3.2
AA Large
—
1.4
Fail
1.3
Fail
6.7
AA
4.5
AA
1.4
Fail
—
1.8
Fail
3.6
AA Large
2.5
Fail
1.3
Fail
1.8
Fail
—
White BG
8.2AAA
5.5AA
1.7Fail
1.2Fail
2.2Fail
Black BG
2.6Fail
3.8AA Large
12.3AAA
17.2AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

50505E
7F7D63
BCBCAF
EAEAD1
AFAF9C

Deuteranopia

51515D
87925E
BAB7B1
EAEAD3
AFAF9D

Tritanopia

545958
B75552
AEB7B9
E9D8D9
B0A0A1

Achromatopsia

515151
606060
C0C0C0
E7E7E7
ACACAC

Shades & Tints Shades & Tints

#544B64

Dark
Light

#BE2C74

Dark
Light

#ACD0A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #544b64;
  --color-2: #be2c74;
  --color-3: #acd0a4;
  --color-4: #e9ebc9;
  --color-5: #b0ae96;
}

SCSS

$color-1: #544b64;
$color-2: #be2c74;
$color-3: #acd0a4;
$color-4: #e9ebc9;
$color-5: #b0ae96;

TAILWIND

colors: {
  'brand-1': '#544b64',
  'brand-2': '#be2c74',
  'brand-3': '#acd0a4',
  'brand-4': '#e9ebc9',
  'brand-5': '#b0ae96',
}

RGB Array

[84, 75, 100], [190, 44, 116], [172, 208, 164], [233, 235, 201], [176, 174, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #544B64, #BE2C74, #ACD0A4, #E9EBC9, #B0AE96 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: #544b64; --color-2: #be2c74; --color-3: #acd0a4; --color-4: #e9ebc9; --color-5: #b0ae96. 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