← Back to Editor

#5D4D99 · #C93099 · #F05E56 · #FF945E · #FAA2C8

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#5D4D99

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#5D4D99
RGB
rgb(93, 77, 153)
HSL
hsl(253, 33%, 45%)
HSB
hsb(253, 50%, 60%)
CMYK
cmyk(39%, 50%, 0%, 40%)
Oklch
oklch(47.3% 0.119 290.8)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#C93099

Rose Purple · MediumVioletRed · Violet

HEX
#C93099
RGB
rgb(201, 48, 153)
HSL
hsl(319, 61%, 49%)
HSB
hsb(319, 76%, 79%)
CMYK
cmyk(0%, 76%, 24%, 21%)
Oklch
oklch(58.0% 0.213 343.8)

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

#F05E56

Peach Pink · Tomato · Coral Red

HEX
#F05E56
RGB
rgb(240, 94, 86)
HSL
hsl(3, 84%, 64%)
HSB
hsb(3, 64%, 94%)
CMYK
cmyk(0%, 61%, 64%, 6%)
Oklch
oklch(66.9% 0.182 26.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF945E

Apricot · SandyBrown · Warm Sun

HEX
#FF945E
RGB
rgb(255, 148, 94)
HSL
hsl(20, 100%, 68%)
HSB
hsb(20, 63%, 100%)
CMYK
cmyk(0%, 42%, 63%, 0%)
Oklch
oklch(77.0% 0.146 46.5)

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

#FAA2C8

Rouge · LightPink · Cherry Blossom

HEX
#FAA2C8
RGB
rgb(250, 162, 200)
HSL
hsl(334, 90%, 81%)
HSB
hsb(334, 35%, 98%)
CMYK
cmyk(0%, 35%, 20%, 2%)
Oklch
oklch(81.0% 0.114 352.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5D4D99
88994D

Analogous

4D6299
5D4D99
834D99

Triadic

5D4D99
995D4D
4D995D

Split-Comp.

5D4D99
99834D
62994D

Tetradic

5D4D99
994D62
88994D
4D9983

Contrast Matrix WCAG 2.1 Contrast

5D4D99
C93099
F05E56
FF945E
FAA2C8
—
1.5
Fail
2.2
Fail
3.2
AA Large
3.7
AA Large
1.5
Fail
—
1.5
Fail
2.2
Fail
2.5
Fail
2.2
Fail
1.5
Fail
—
1.5
Fail
1.7
Fail
3.2
AA Large
2.2
Fail
1.5
Fail
—
1.1
Fail
3.7
AA Large
2.5
Fail
1.7
Fail
1.1
Fail
—
White BG
7.0AAA
4.8AA
3.3AA Large
2.2Fail
1.9Fail
Black BG
3.0Fail
4.4AA Large
6.4AA
9.6AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565687
878580
B1AF58
D1D06B
D4D3BF

Deuteranopia

575882
909B7A
B9C458
D7DF6E
D9E0BD

Tritanopia

5C7875
C16C67
E9595A
FA7578
F6B8B6

Achromatopsia

5A5A5A
6A6A6A
898989
AEAEAE
C1C1C1

Shades & Tints Shades & Tints

#5D4D99

Dark
Light

#C93099

Dark
Light

#F05E56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5d4d99;
  --color-2: #c93099;
  --color-3: #f05e56;
  --color-4: #ff945e;
  --color-5: #faa2c8;
}

SCSS

$color-1: #5d4d99;
$color-2: #c93099;
$color-3: #f05e56;
$color-4: #ff945e;
$color-5: #faa2c8;

TAILWIND

colors: {
  'brand-1': '#5d4d99',
  'brand-2': '#c93099',
  'brand-3': '#f05e56',
  'brand-4': '#ff945e',
  'brand-5': '#faa2c8',
}

RGB Array

[93, 77, 153], [201, 48, 153], [240, 94, 86], [255, 148, 94], [250, 162, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5D4D99, #C93099, #F05E56, #FF945E, #FAA2C8 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5d4d99; --color-2: #c93099; --color-3: #f05e56; --color-4: #ff945e; --color-5: #faa2c8. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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