← Back to Editor

#463F4A · #D83E79 · #E57C7F · #D1DF8D · #C0D7C3

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

#463F4A

Dark Plum · DarkSlateGray · Charcoal

HEX
#463F4A
RGB
rgb(70, 63, 74)
HSL
hsl(278, 8%, 27%)
HSB
hsb(278, 15%, 29%)
CMYK
cmyk(5%, 15%, 0%, 71%)
Oklch
oklch(37.9% 0.021 313.4)

Traditional「Dark Plum」· Paint「Charcoal」· Creative Midnight Shadow

#D83E79

Dark Violet · MediumVioletRed · Rose Pink

HEX
#D83E79
RGB
rgb(216, 62, 121)
HSL
hsl(337, 66%, 55%)
HSB
hsb(337, 71%, 85%)
CMYK
cmyk(0%, 71%, 44%, 15%)
Oklch
oklch(60.5% 0.195 1.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E57C7F

Peach Pink · LightCoral · Coral Red

HEX
#E57C7F
RGB
rgb(229, 124, 127)
HSL
hsl(358, 67%, 69%)
HSB
hsb(358, 46%, 90%)
CMYK
cmyk(0%, 46%, 45%, 10%)
Oklch
oklch(70.4% 0.130 19.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D1DF8D

Willow Green · Khaki · Apple Green

HEX
#D1DF8D
RGB
rgb(209, 223, 141)
HSL
hsl(70, 56%, 71%)
HSB
hsb(70, 37%, 87%)
CMYK
cmyk(6%, 0%, 37%, 13%)
Oklch
oklch(87.4% 0.106 116.6)

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

#C0D7C3

Celadon · Silver · Apple Green

HEX
#C0D7C3
RGB
rgb(192, 215, 195)
HSL
hsl(128, 22%, 80%)
HSB
hsb(128, 11%, 84%)
CMYK
cmyk(11%, 0%, 9%, 16%)
Oklch
oklch(85.6% 0.037 149.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

463F4A
434A3F

Analogous

413F4A
463F4A
4A3F49

Triadic

463F4A
4A463F
3F4A46

Split-Comp.

463F4A
494A3F
3F4A41

Tetradic

463F4A
4A413F
434A3F
3F494A

Contrast Matrix WCAG 2.1 Contrast

463F4A
D83E79
E57C7F
D1DF8D
C0D7C3
—
2.4
Fail
3.6
AA Large
7.1
AAA
6.6
AA
2.4
Fail
—
1.5
Fail
3.0
Fail
2.8
Fail
3.6
AA Large
1.5
Fail
—
1.9
Fail
1.8
Fail
7.1
AAA
3.0
Fail
1.9
Fail
—
1.1
Fail
6.6
AA
2.8
Fail
1.8
Fail
1.1
Fail
—
White BG
10.1AAA
4.3AA Large
2.8Fail
1.4Fail
1.5Fail
Black BG
2.1Fail
4.9AA
7.5AAA
14.7AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

434347
95946B
B8B77E
D7D7A1
CACAC8

Deuteranopia

434447
9EAA67
BEC57E
D6D5A6
C9C7C9

Tritanopia

464545
D05F5D
E07E7E
D2B1B4
C1CCCD

Achromatopsia

424242
737373
9C9C9C
D1D1D1
CECECE

Shades & Tints Shades & Tints

#463F4A

Dark
Light

#D83E79

Dark
Light

#E57C7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #463f4a;
  --color-2: #d83e79;
  --color-3: #e57c7f;
  --color-4: #d1df8d;
  --color-5: #c0d7c3;
}

SCSS

$color-1: #463f4a;
$color-2: #d83e79;
$color-3: #e57c7f;
$color-4: #d1df8d;
$color-5: #c0d7c3;

TAILWIND

colors: {
  'brand-1': '#463f4a',
  'brand-2': '#d83e79',
  'brand-3': '#e57c7f',
  'brand-4': '#d1df8d',
  'brand-5': '#c0d7c3',
}

RGB Array

[70, 63, 74], [216, 62, 121], [229, 124, 127], [209, 223, 141], [192, 215, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #463F4A, #D83E79, #E57C7F, #D1DF8D, #C0D7C3 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: #463f4a; --color-2: #d83e79; --color-3: #e57c7f; --color-4: #d1df8d; --color-5: #c0d7c3. 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