← Back to Editor

#D00173 · #9C3391 · #279C96 · #B8F53D · #CC00FF

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

#D00173

Rose Purple · MediumVioletRed · Camellia

HEX
#D00173
RGB
rgb(208, 1, 115)
HSL
hsl(327, 99%, 41%)
HSB
hsb(327, 100%, 82%)
CMYK
cmyk(0%, 100%, 45%, 18%)
Oklch
oklch(55.7% 0.227 358.0)

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

#9C3391

Rose Purple · MediumVioletRed · Violet

HEX
#9C3391
RGB
rgb(156, 51, 145)
HSL
hsl(306, 51%, 41%)
HSB
hsb(306, 67%, 61%)
CMYK
cmyk(0%, 67%, 7%, 39%)
Oklch
oklch(50.9% 0.176 332.3)

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

#279C96

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#279C96
RGB
rgb(39, 156, 150)
HSL
hsl(177, 60%, 38%)
HSB
hsb(177, 75%, 61%)
CMYK
cmyk(75%, 0%, 4%, 39%)
Oklch
oklch(63.0% 0.099 189.7)

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

#B8F53D

Grass Green · GreenYellow · Olive Green

HEX
#B8F53D
RGB
rgb(184, 245, 61)
HSL
hsl(80, 90%, 60%)
HSB
hsb(80, 75%, 96%)
CMYK
cmyk(25%, 0%, 75%, 4%)
Oklch
oklch(89.7% 0.211 126.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#CC00FF

Royal Purple · Magenta · Violet

HEX
#CC00FF
RGB
rgb(204, 0, 255)
HSL
hsl(288, 100%, 50%)
HSB
hsb(288, 100%, 100%)
CMYK
cmyk(20%, 100%, 0%, 0%)
Oklch
oklch(62.7% 0.307 316.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D00173
01D05E

Analogous

C601D0
D00173
D0010B

Triadic

D00173
73D001
0173D0

Split-Comp.

D00173
0BD001
01D0C6

Tetradic

D00173
D0C601
01D05E
010BD0

Contrast Matrix WCAG 2.1 Contrast

D00173
9C3391
279C96
B8F53D
CC00FF
—
1.2
Fail
1.6
Fail
4.1
AA Large
1.3
Fail
1.2
Fail
—
1.9
Fail
4.9
AA
1.5
Fail
1.6
Fail
1.9
Fail
—
2.6
Fail
1.3
Fail
4.1
AA Large
4.9
AA
2.6
Fail
—
3.2
AA Large
1.3
Fail
1.5
Fail
1.3
Fail
3.2
AA Large
—
White BG
5.3AA
6.4AA
3.3AA Large
1.3Fail
4.2AA Large
Black BG
3.9AA Large
3.3AA Large
6.3AA
16.2AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

767557
6F6E7A
5A5B97
D2D36A
7472C1

Deuteranopia

829251
757C75
534A98
CFCA74
808FB3

Tritanopia

C6423D
976864
2D9999
BB8D94
C29186

Achromatopsia

4C4C4C
5D5D5D
787878
CECECE
5A5A5A

Shades & Tints Shades & Tints

#D00173

Dark
Light

#9C3391

Dark
Light

#279C96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d00173;
  --color-2: #9c3391;
  --color-3: #279c96;
  --color-4: #b8f53d;
  --color-5: #cc00ff;
}

SCSS

$color-1: #d00173;
$color-2: #9c3391;
$color-3: #279c96;
$color-4: #b8f53d;
$color-5: #cc00ff;

TAILWIND

colors: {
  'brand-1': '#d00173',
  'brand-2': '#9c3391',
  'brand-3': '#279c96',
  'brand-4': '#b8f53d',
  'brand-5': '#cc00ff',
}

RGB Array

[208, 1, 115], [156, 51, 145], [39, 156, 150], [184, 245, 61], [204, 0, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D00173, #9C3391, #279C96, #B8F53D, #CC00FF 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: #d00173; --color-2: #9c3391; --color-3: #279c96; --color-4: #b8f53d; --color-5: #cc00ff. 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