← Back to Editor

#73556E · #A6587C · #D977A5 · #D7E5CC · #F59465

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

#73556E

Rose Purple · DimGray · Eggplant

HEX
#73556E
RGB
rgb(115, 85, 110)
HSL
hsl(310, 15%, 39%)
HSB
hsb(310, 26%, 45%)
CMYK
cmyk(0%, 26%, 4%, 55%)
Oklch
oklch(49.0% 0.054 332.2)

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

#A6587C

Dark Violet · Gray · Camellia

HEX
#A6587C
RGB
rgb(166, 88, 124)
HSL
hsl(332, 31%, 50%)
HSB
hsb(332, 47%, 65%)
CMYK
cmyk(0%, 47%, 25%, 35%)
Oklch
oklch(56.3% 0.111 352.2)

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

#D977A5

Rouge · LightCoral · Rose Pink

HEX
#D977A5
RGB
rgb(217, 119, 165)
HSL
hsl(332, 56%, 66%)
HSB
hsb(332, 45%, 85%)
CMYK
cmyk(0%, 45%, 24%, 15%)
Oklch
oklch(69.2% 0.133 351.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D7E5CC

Celadon · LightGray · Mint Green

HEX
#D7E5CC
RGB
rgb(215, 229, 204)
HSL
hsl(94, 32%, 85%)
HSB
hsb(94, 11%, 90%)
CMYK
cmyk(6%, 0%, 11%, 10%)
Oklch
oklch(90.5% 0.037 131.2)

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

#F59465

Apricot · SandyBrown · Warm Sun

HEX
#F59465
RGB
rgb(245, 148, 101)
HSL
hsl(20, 88%, 68%)
HSB
hsb(20, 59%, 96%)
CMYK
cmyk(0%, 40%, 59%, 4%)
Oklch
oklch(75.8% 0.133 46.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73556E
55725A

Analogous

685572
73556E
72555E

Triadic

73556E
6D7255
556D72

Split-Comp.

73556E
5E7255
557268

Tetradic

73556E
726855
55725A
555E72

Contrast Matrix WCAG 2.1 Contrast

73556E
A6587C
D977A5
D7E5CC
F59465
—
1.3
Fail
2.2
Fail
4.9
AA
2.9
Fail
1.3
Fail
—
1.7
Fail
3.7
AA Large
2.2
Fail
2.2
Fail
1.7
Fail
—
2.2
Fail
1.3
Fail
4.9
AA
3.7
AA Large
2.2
Fail
—
1.7
Fail
2.9
Fail
2.2
Fail
1.3
Fail
1.7
Fail
—
White BG
6.5AA
4.9AA
2.9Fail
1.3Fail
2.3Fail
Black BG
3.3AA Large
4.3AA Large
7.1AAA
16.0AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666668
848473
AFAE9A
DDDDD2
CBCA70

Deuteranopia

686A67
898F71
B4BC97
DCDBD4
D1D873

Tritanopia

726362
A26C6B
D4918F
D8D7D8
F0797B

Achromatopsia

616161
737373
9A9A9A
DEDEDE
ACACAC

Shades & Tints Shades & Tints

#73556E

Dark
Light

#A6587C

Dark
Light

#D977A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73556e;
  --color-2: #a6587c;
  --color-3: #d977a5;
  --color-4: #d7e5cc;
  --color-5: #f59465;
}

SCSS

$color-1: #73556e;
$color-2: #a6587c;
$color-3: #d977a5;
$color-4: #d7e5cc;
$color-5: #f59465;

TAILWIND

colors: {
  'brand-1': '#73556e',
  'brand-2': '#a6587c',
  'brand-3': '#d977a5',
  'brand-4': '#d7e5cc',
  'brand-5': '#f59465',
}

RGB Array

[115, 85, 110], [166, 88, 124], [217, 119, 165], [215, 229, 204], [245, 148, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #73556E, #A6587C, #D977A5, #D7E5CC, #F59465 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: #73556e; --color-2: #a6587c; --color-3: #d977a5; --color-4: #d7e5cc; --color-5: #f59465. 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