← Back to Editor

#E099C1 · #C2639C · #A73F7D · #922366 · #800C51

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

#E099C1

Mauve · LightPink · Rose Pink

HEX
#E099C1
RGB
rgb(224, 153, 193)
HSL
hsl(326, 53%, 74%)
HSB
hsb(326, 32%, 88%)
CMYK
cmyk(0%, 32%, 14%, 12%)
Oklch
oklch(76.4% 0.099 344.9)

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

#C2639C

Rose Purple · MediumOrchid · Rose Pink

HEX
#C2639C
RGB
rgb(194, 99, 156)
HSL
hsl(324, 44%, 57%)
HSB
hsb(324, 49%, 76%)
CMYK
cmyk(0%, 49%, 20%, 24%)
Oklch
oklch(62.9% 0.139 344.9)

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

#A73F7D

Rose Purple · MediumVioletRed · Camellia

HEX
#A73F7D
RGB
rgb(167, 63, 125)
HSL
hsl(324, 45%, 45%)
HSB
hsb(324, 62%, 65%)
CMYK
cmyk(0%, 62%, 25%, 35%)
Oklch
oklch(53.0% 0.153 346.8)

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

#922366

Rose Purple · Purple · Camellia

HEX
#922366
RGB
rgb(146, 35, 102)
HSL
hsl(324, 61%, 35%)
HSB
hsb(324, 76%, 57%)
CMYK
cmyk(0%, 76%, 30%, 43%)
Oklch
oklch(45.7% 0.160 348.4)

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

#800C51

Rose Purple · Purple · Camellia

HEX
#800C51
RGB
rgb(128, 12, 81)
HSL
hsl(324, 83%, 27%)
HSB
hsb(324, 91%, 50%)
CMYK
cmyk(0%, 91%, 37%, 50%)
Oklch
oklch(40.0% 0.157 351.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E099C1
9AE0B8

Analogous

DB9AE0
E099C1
E09A9E

Triadic

E099C1
C1E09A
9AC1E0

Split-Comp.

E099C1
9EE09A
9AE0DB

Tetradic

E099C1
E0DB9A
9AE0B8
9A9EE0

Contrast Matrix WCAG 2.1 Contrast

E099C1
C2639C
A73F7D
922366
800C51
—
1.7
Fail
2.6
Fail
3.6
AA Large
4.5
AA
1.7
Fail
—
1.5
Fail
2.1
Fail
2.7
Fail
2.6
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
3.6
AA Large
2.1
Fail
1.4
Fail
—
1.3
Fail
4.5
AA
2.7
Fail
1.7
Fail
1.3
Fail
—
White BG
2.2Fail
3.8AA Large
5.8AA
7.9AAA
10.1AAA
Black BG
9.5AAA
5.6AA
3.7AA Large
2.7Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1B7
99988E
7A796E
626156
4E4D40

Deuteranopia

C5CBB5
9EA58B
80886A
687152
555D3C

Tritanopia

DCB0AE
BD8381
A26260
8C4946
7A3330

Achromatopsia

B3B3B3
868686
656565
4C4C4C
373737

Shades & Tints Shades & Tints

#E099C1

Dark
Light

#C2639C

Dark
Light

#A73F7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e099c1;
  --color-2: #c2639c;
  --color-3: #a73f7d;
  --color-4: #922366;
  --color-5: #800c51;
}

SCSS

$color-1: #e099c1;
$color-2: #c2639c;
$color-3: #a73f7d;
$color-4: #922366;
$color-5: #800c51;

TAILWIND

colors: {
  'brand-1': '#e099c1',
  'brand-2': '#c2639c',
  'brand-3': '#a73f7d',
  'brand-4': '#922366',
  'brand-5': '#800c51',
}

RGB Array

[224, 153, 193], [194, 99, 156], [167, 63, 125], [146, 35, 102], [128, 12, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E099C1, #C2639C, #A73F7D, #922366, #800C51 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: #e099c1; --color-2: #c2639c; --color-3: #a73f7d; --color-4: #922366; --color-5: #800c51. 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