← Back to Editor

#5C2191 · #AF4D9B · #CA7798 · #DB9C85 · #E4D192

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 Library

Color Details Color Details

#5C2191

Royal Purple · DarkSlateBlue · Eggplant

HEX
#5C2191
RGB
rgb(92, 33, 145)
HSL
hsl(272, 63%, 35%)
HSB
hsb(272, 77%, 57%)
CMYK
cmyk(37%, 77%, 0%, 43%)
Oklch
oklch(40.0% 0.172 303.2)

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

#AF4D9B

Rose Purple · MediumOrchid · Violet

HEX
#AF4D9B
RGB
rgb(175, 77, 155)
HSL
hsl(312, 39%, 49%)
HSB
hsb(312, 56%, 69%)
CMYK
cmyk(0%, 56%, 11%, 31%)
Oklch
oklch(57.2% 0.159 336.0)

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

#CA7798

Rouge · LightCoral · Rose Pink

HEX
#CA7798
RGB
rgb(202, 119, 152)
HSL
hsl(336, 44%, 63%)
HSB
hsb(336, 41%, 79%)
CMYK
cmyk(0%, 41%, 25%, 21%)
Oklch
oklch(66.9% 0.111 355.2)

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

#DB9C85

Apricot · DarkSalmon · Warm Sun

HEX
#DB9C85
RGB
rgb(219, 156, 133)
HSL
hsl(16, 54%, 69%)
HSB
hsb(16, 39%, 86%)
CMYK
cmyk(0%, 29%, 39%, 14%)
Oklch
oklch(74.8% 0.083 40.9)

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

#E4D192

Goose Yellow · Khaki · Sunflower

HEX
#E4D192
RGB
rgb(228, 209, 146)
HSL
hsl(46, 60%, 73%)
HSB
hsb(46, 36%, 89%)
CMYK
cmyk(0%, 8%, 36%, 11%)
Oklch
oklch(86.2% 0.084 93.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C2191
569121

Analogous

252191
5C2191
91218E

Triadic

5C2191
915D21
21915D

Split-Comp.

5C2191
8E9121
219125

Tetradic

5C2191
912521
569121
218E91

Contrast Matrix WCAG 2.1 Contrast

5C2191
AF4D9B
CA7798
DB9C85
E4D192
—
2.1
Fail
3.2
AA Large
4.4
AA Large
6.6
AA
2.1
Fail
—
1.5
Fail
2.1
Fail
3.2
AA Large
3.2
AA Large
1.5
Fail
—
1.4
Fail
2.1
Fail
4.4
AA Large
2.1
Fail
1.4
Fail
—
1.5
Fail
6.6
AA
3.2
AA Large
2.1
Fail
1.5
Fail
—
White BG
10.1AAA
4.8AA
3.2AA Large
2.3Fail
1.5Fail
Black BG
2.1Fail
4.4AA Large
6.6AA
9.1AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

424276
858488
A6A590
C0BF8B
DCDCA1

Deuteranopia

464A6F
8A9284
ABB18E
C3C88C
DDDEA5

Tritanopia

59615C
AA7976
C68A88
D88F90
E3ADB0

Achromatopsia

3F3F3F
737373
949494
ACACAC
CFCFCF

Shades & Tints Shades & Tints

#5C2191

Dark
Light

#AF4D9B

Dark
Light

#CA7798

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c2191;
  --color-2: #af4d9b;
  --color-3: #ca7798;
  --color-4: #db9c85;
  --color-5: #e4d192;
}

SCSS

$color-1: #5c2191;
$color-2: #af4d9b;
$color-3: #ca7798;
$color-4: #db9c85;
$color-5: #e4d192;

TAILWIND

colors: {
  'brand-1': '#5c2191',
  'brand-2': '#af4d9b',
  'brand-3': '#ca7798',
  'brand-4': '#db9c85',
  'brand-5': '#e4d192',
}

RGB Array

[92, 33, 145], [175, 77, 155], [202, 119, 152], [219, 156, 133], [228, 209, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C2191, #AF4D9B, #CA7798, #DB9C85, #E4D192 is ideal for: corporate websites, product showcases, portfolios. 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: #5c2191; --color-2: #af4d9b; --color-3: #ca7798; --color-4: #db9c85; --color-5: #e4d192. 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. 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