← Back to Editor

#2C1A43 · #D0007B · #F25CC0 · #ECA7C6 · #C8C5CB

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

#2C1A43

Deep Indigo · MidnightBlue · Dark Purple

HEX
#2C1A43
RGB
rgb(44, 26, 67)
HSL
hsl(266, 44%, 18%)
HSB
hsb(266, 61%, 26%)
CMYK
cmyk(34%, 61%, 0%, 74%)
Oklch
oklch(26.4% 0.075 301.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#D0007B

Rose Purple · MediumVioletRed · Camellia

HEX
#D0007B
RGB
rgb(208, 0, 123)
HSL
hsl(325, 100%, 41%)
HSB
hsb(325, 100%, 82%)
CMYK
cmyk(0%, 100%, 41%, 18%)
Oklch
oklch(56.0% 0.230 355.1)

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

#F25CC0

Mauve · Orchid · Rose Pink

HEX
#F25CC0
RGB
rgb(242, 92, 192)
HSL
hsl(320, 85%, 65%)
HSB
hsb(320, 62%, 95%)
CMYK
cmyk(0%, 62%, 21%, 5%)
Oklch
oklch(70.0% 0.211 343.1)

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

#ECA7C6

Rouge · LightPink · Cherry Blossom

HEX
#ECA7C6
RGB
rgb(236, 167, 198)
HSL
hsl(333, 64%, 79%)
HSB
hsb(333, 29%, 93%)
CMYK
cmyk(0%, 29%, 16%, 7%)
Oklch
oklch(80.3% 0.090 350.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#C8C5CB

Silver Gray · Silver · Pearl Gray

HEX
#C8C5CB
RGB
rgb(200, 197, 203)
HSL
hsl(270, 5%, 78%)
HSB
hsb(270, 3%, 80%)
CMYK
cmyk(1%, 3%, 0%, 20%)
Oklch
oklch(82.8% 0.009 308.3)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C1A43
31421A

Analogous

1A1C42
2C1A43
3F1A42

Triadic

2C1A43
422B1A
1A422B

Split-Comp.

2C1A43
423F1A
1C421A

Tetradic

2C1A43
421A1C
31421A
1A423F

Contrast Matrix WCAG 2.1 Contrast

2C1A43
D0007B
F25CC0
ECA7C6
C8C5CB
—
3.0
Fail
5.3
AA
8.2
AAA
9.2
AAA
3.0
Fail
—
1.8
Fail
2.7
Fail
3.1
AA Large
5.3
AA
1.8
Fail
—
1.5
Fail
1.7
Fail
8.2
AAA
2.7
Fail
1.5
Fail
—
1.1
Fail
9.2
AAA
3.1
AA Large
1.7
Fail
1.1
Fail
—
White BG
15.7AAA
5.3AA
3.0Fail
1.9Fail
1.7Fail
Black BG
1.3Fail
4.0AA Large
7.1AAA
10.9AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242439
76745D
B1B0A8
CECEBE
C7C7CA

Deuteranopia

252737
829256
BAC5A2
D2D7BD
C7C7C9

Tritanopia

2B3130
C64641
EA9591
E9B9B7
C8C8C8

Achromatopsia

242424
4C4C4C
949494
BFBFBF
C7C7C7

Shades & Tints Shades & Tints

#2C1A43

Dark
Light

#D0007B

Dark
Light

#F25CC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c1a43;
  --color-2: #d0007b;
  --color-3: #f25cc0;
  --color-4: #eca7c6;
  --color-5: #c8c5cb;
}

SCSS

$color-1: #2c1a43;
$color-2: #d0007b;
$color-3: #f25cc0;
$color-4: #eca7c6;
$color-5: #c8c5cb;

TAILWIND

colors: {
  'brand-1': '#2c1a43',
  'brand-2': '#d0007b',
  'brand-3': '#f25cc0',
  'brand-4': '#eca7c6',
  'brand-5': '#c8c5cb',
}

RGB Array

[44, 26, 67], [208, 0, 123], [242, 92, 192], [236, 167, 198], [200, 197, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2C1A43, #D0007B, #F25CC0, #ECA7C6, #C8C5CB 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: #2c1a43; --color-2: #d0007b; --color-3: #f25cc0; --color-4: #eca7c6; --color-5: #c8c5cb. 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