← Back to Editor

#E38FBD · #C23080 · #AD1C6C · #850F5D · #1F1B1D

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

#E38FBD

Mauve · Orchid · Rose Pink

HEX
#E38FBD
RGB
rgb(227, 143, 189)
HSL
hsl(327, 60%, 73%)
HSB
hsb(327, 37%, 89%)
CMYK
cmyk(0%, 37%, 17%, 11%)
Oklch
oklch(75.0% 0.116 346.3)

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

#C23080

Rose Purple · MediumVioletRed · Camellia

HEX
#C23080
RGB
rgb(194, 48, 128)
HSL
hsl(327, 60%, 47%)
HSB
hsb(327, 75%, 76%)
CMYK
cmyk(0%, 75%, 34%, 24%)
Oklch
oklch(55.9% 0.195 351.9)

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

#AD1C6C

Rose Purple · MediumVioletRed · Camellia

HEX
#AD1C6C
RGB
rgb(173, 28, 108)
HSL
hsl(327, 72%, 39%)
HSB
hsb(327, 84%, 68%)
CMYK
cmyk(0%, 84%, 38%, 32%)
Oklch
oklch(50.1% 0.189 353.4)

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

#850F5D

Rose Purple · Purple · Camellia

HEX
#850F5D
RGB
rgb(133, 15, 93)
HSL
hsl(320, 80%, 29%)
HSB
hsb(320, 89%, 52%)
CMYK
cmyk(0%, 89%, 30%, 48%)
Oklch
oklch(41.6% 0.165 346.9)

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

#1F1B1D

Ink Black · Black · Dark Stone

HEX
#1F1B1D
RGB
rgb(31, 27, 29)
HSL
hsl(330, 7%, 11%)
HSB
hsb(330, 13%, 12%)
CMYK
cmyk(0%, 13%, 6%, 88%)
Oklch
oklch(22.8% 0.007 346.0)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E38FBD
91E3B6

Analogous

DF91E3
E38FBD
E39195

Triadic

E38FBD
BEE391
91BEE3

Split-Comp.

E38FBD
95E391
91E3DF

Tetradic

E38FBD
E3DF91
91E3B6
9195E3

Contrast Matrix WCAG 2.1 Contrast

E38FBD
C23080
AD1C6C
850F5D
1F1B1D
—
2.2
Fail
2.8
Fail
4.0
AA Large
7.2
AAA
2.2
Fail
—
1.3
Fail
1.8
Fail
3.3
AA Large
2.8
Fail
1.3
Fail
—
1.4
Fail
2.6
Fail
4.0
AA Large
1.8
Fail
1.4
Fail
—
1.8
Fail
7.2
AAA
3.3
AA Large
2.6
Fail
1.8
Fail
—
White BG
2.4Fail
5.2AA
6.6AA
9.4AAA
17.0AAA
Black BG
8.9AAA
4.0AA Large
3.2AA Large
2.2Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBEB2
83816D
6E6D59
52514A
1D1D1D

Deuteranopia

C4CAAF
8B9668
778254
596246
1E1E1C

Tritanopia

DFA9A7
BB5D5A
A64946
7F3B38
1F1C1C

Achromatopsia

ADADAD
656565
505050
3B3B3B
1C1C1C

Shades & Tints Shades & Tints

#E38FBD

Dark
Light

#C23080

Dark
Light

#AD1C6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e38fbd;
  --color-2: #c23080;
  --color-3: #ad1c6c;
  --color-4: #850f5d;
  --color-5: #1f1b1d;
}

SCSS

$color-1: #e38fbd;
$color-2: #c23080;
$color-3: #ad1c6c;
$color-4: #850f5d;
$color-5: #1f1b1d;

TAILWIND

colors: {
  'brand-1': '#e38fbd',
  'brand-2': '#c23080',
  'brand-3': '#ad1c6c',
  'brand-4': '#850f5d',
  'brand-5': '#1f1b1d',
}

RGB Array

[227, 143, 189], [194, 48, 128], [173, 28, 108], [133, 15, 93], [31, 27, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E38FBD, #C23080, #AD1C6C, #850F5D, #1F1B1D is ideal for: tech websites, dark mode UIs, game UIs, 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: #e38fbd; --color-2: #c23080; --color-3: #ad1c6c; --color-4: #850f5d; --color-5: #1f1b1d. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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