← Back to Editor

#960237 · #C61748 · #E9537C · #E9BDBD · #04AB94

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 AppData Visualization

Color Details Color Details

#960237

Dark Violet · Brown · Camellia

HEX
#960237
RGB
rgb(150, 2, 55)
HSL
hsl(339, 97%, 30%)
HSB
hsb(339, 99%, 59%)
CMYK
cmyk(0%, 99%, 63%, 41%)
Oklch
oklch(43.0% 0.171 11.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C61748

Dark Violet · Crimson · Camellia

HEX
#C61748
RGB
rgb(198, 23, 72)
HSL
hsl(343, 79%, 43%)
HSB
hsb(343, 88%, 78%)
CMYK
cmyk(0%, 88%, 64%, 22%)
Oklch
oklch(53.4% 0.203 13.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#E9537C

Rouge · LightCoral · Rose Pink

HEX
#E9537C
RGB
rgb(233, 83, 124)
HSL
hsl(344, 77%, 62%)
HSB
hsb(344, 64%, 91%)
CMYK
cmyk(0%, 64%, 47%, 9%)
Oklch
oklch(65.4% 0.187 7.2)

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

#E9BDBD

Peach Pink · LightPink · Cherry Blossom

HEX
#E9BDBD
RGB
rgb(233, 189, 189)
HSL
hsl(0, 50%, 83%)
HSB
hsb(0, 19%, 91%)
CMYK
cmyk(0%, 19%, 19%, 9%)
Oklch
oklch(83.7% 0.051 18.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#04AB94

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#04AB94
RGB
rgb(4, 171, 148)
HSL
hsl(172, 95%, 34%)
HSB
hsb(172, 98%, 67%)
CMYK
cmyk(98%, 0%, 13%, 33%)
Oklch
oklch(66.4% 0.121 178.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

960237
029763

Analogous

970280
960237
971902

Triadic

960237
369702
023697

Split-Comp.

960237
029719
028097

Tetradic

960237
809702
029763
190297

Contrast Matrix WCAG 2.1 Contrast

960237
C61748
E9537C
E9BDBD
04AB94
—
1.5
Fail
2.5
Fail
5.3
AA
3.1
AA Large
1.5
Fail
—
1.7
Fail
3.4
AA Large
2.0
Fail
2.5
Fail
1.7
Fail
—
2.1
Fail
1.2
Fail
5.3
AA
3.4
AA Large
2.1
Fail
—
1.7
Fail
3.1
AA Large
2.0
Fail
1.2
Fail
1.7
Fail
—
White BG
8.9AAA
5.8AA
3.5AA Large
1.7Fail
2.9Fail
Black BG
2.4Fail
3.6AA Large
6.0AA
12.5AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

56552A
7A793C
A8A772
D6D6BD
4C4E9A

Deuteranopia

5F6A27
849239
B1BC70
D9DCBD
43369B

Tritanopia

8F201E
BD3331
E26A69
E7BDBD
0C9E9F

Achromatopsia

343434
515151
858585
CACACA
767676

Shades & Tints Shades & Tints

#960237

Dark
Light

#C61748

Dark
Light

#E9537C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #960237;
  --color-2: #c61748;
  --color-3: #e9537c;
  --color-4: #e9bdbd;
  --color-5: #04ab94;
}

SCSS

$color-1: #960237;
$color-2: #c61748;
$color-3: #e9537c;
$color-4: #e9bdbd;
$color-5: #04ab94;

TAILWIND

colors: {
  'brand-1': '#960237',
  'brand-2': '#c61748',
  'brand-3': '#e9537c',
  'brand-4': '#e9bdbd',
  'brand-5': '#04ab94',
}

RGB Array

[150, 2, 55], [198, 23, 72], [233, 83, 124], [233, 189, 189], [4, 171, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #960237, #C61748, #E9537C, #E9BDBD, #04AB94 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #960237; --color-2: #c61748; --color-3: #e9537c; --color-4: #e9bdbd; --color-5: #04ab94. 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 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