← Back to Editor

#44214D · #84395F · #BC6A72 · #E4A78E · #CFDDCA

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

#44214D

Dark Plum · DarkSlateGray · Eggplant

HEX
#44214D
RGB
rgb(68, 33, 77)
HSL
hsl(288, 40%, 22%)
HSB
hsb(288, 57%, 30%)
CMYK
cmyk(12%, 57%, 0%, 70%)
Oklch
oklch(31.6% 0.086 319.1)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#84395F

Dark Violet · DimGray · Camellia

HEX
#84395F
RGB
rgb(132, 57, 95)
HSL
hsl(330, 40%, 37%)
HSB
hsb(330, 57%, 52%)
CMYK
cmyk(0%, 57%, 28%, 48%)
Oklch
oklch(45.7% 0.112 350.9)

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

#BC6A72

Crimson · LightCoral · Passion Red

HEX
#BC6A72
RGB
rgb(188, 106, 114)
HSL
hsl(354, 38%, 58%)
HSB
hsb(354, 44%, 74%)
CMYK
cmyk(0%, 44%, 39%, 26%)
Oklch
oklch(61.9% 0.105 14.4)

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

#E4A78E

Apricot · BurlyWood · Warm Sun

HEX
#E4A78E
RGB
rgb(228, 167, 142)
HSL
hsl(17, 61%, 73%)
HSB
hsb(17, 38%, 89%)
CMYK
cmyk(0%, 27%, 38%, 11%)
Oklch
oklch(78.0% 0.080 43.2)

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

#CFDDCA

Celadon · LightGray · Mint Green

HEX
#CFDDCA
RGB
rgb(207, 221, 202)
HSL
hsl(104, 22%, 83%)
HSB
hsb(104, 9%, 87%)
CMYK
cmyk(6%, 0%, 9%, 13%)
Oklch
oklch(88.2% 0.030 137.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44214D
2B4F22

Analogous

2F224F
44214D
4F2241

Triadic

44214D
4F4622
224F46

Split-Comp.

44214D
414F22
224F2F

Tetradic

44214D
4F2F22
2B4F22
22414F

Contrast Matrix WCAG 2.1 Contrast

44214D
84395F
BC6A72
E4A78E
CFDDCA
—
1.7
Fail
3.5
AA Large
6.5
AA
9.5
AAA
1.7
Fail
—
2.0
Fail
3.7
AA Large
5.4
AA
3.5
AA Large
2.0
Fail
—
1.9
Fail
2.7
Fail
6.5
AA
3.7
AA Large
1.9
Fail
—
1.5
Fail
9.5
AAA
5.4
AA
2.7
Fail
1.5
Fail
—
White BG
13.4AAA
7.7AAA
3.9AA Large
2.1Fail
1.4Fail
Black BG
1.6Fail
2.7Fail
5.4AA
10.2AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

353542
646356
989870
CAC994
D5D5CF

Deuteranopia

373940
686D54
9DA370
CDD296
D4D3D0

Tritanopia

423A38
804F4D
B86F6E
E1999A
D0D2D3

Achromatopsia

303030
545454
838383
B6B6B6
D7D7D7

Shades & Tints Shades & Tints

#44214D

Dark
Light

#84395F

Dark
Light

#BC6A72

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44214d;
  --color-2: #84395f;
  --color-3: #bc6a72;
  --color-4: #e4a78e;
  --color-5: #cfddca;
}

SCSS

$color-1: #44214d;
$color-2: #84395f;
$color-3: #bc6a72;
$color-4: #e4a78e;
$color-5: #cfddca;

TAILWIND

colors: {
  'brand-1': '#44214d',
  'brand-2': '#84395f',
  'brand-3': '#bc6a72',
  'brand-4': '#e4a78e',
  'brand-5': '#cfddca',
}

RGB Array

[68, 33, 77], [132, 57, 95], [188, 106, 114], [228, 167, 142], [207, 221, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44214D, #84395F, #BC6A72, #E4A78E, #CFDDCA 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: #44214d; --color-2: #84395f; --color-3: #bc6a72; --color-4: #e4a78e; --color-5: #cfddca. 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