← Back to Editor

#BA005A · #8C276D · #5D4E80 · #2F7493 · #009BA6

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

#BA005A

Dark Violet · Crimson · Camellia

HEX
#BA005A
RGB
rgb(186, 0, 90)
HSL
hsl(331, 100%, 36%)
HSB
hsb(331, 100%, 73%)
CMYK
cmyk(0%, 100%, 52%, 27%)
Oklch
oklch(50.9% 0.205 3.1)

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

#8C276D

Rose Purple · Purple · Eggplant

HEX
#8C276D
RGB
rgb(140, 39, 109)
HSL
hsl(318, 56%, 35%)
HSB
hsb(318, 72%, 55%)
CMYK
cmyk(0%, 72%, 22%, 45%)
Oklch
oklch(45.4% 0.155 342.6)

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

#5D4E80

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#5D4E80
RGB
rgb(93, 78, 128)
HSL
hsl(258, 24%, 40%)
HSB
hsb(258, 39%, 50%)
CMYK
cmyk(27%, 39%, 0%, 50%)
Oklch
oklch(46.1% 0.081 296.9)

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

#2F7493

Lake Blue · SteelBlue · Mint Ice

HEX
#2F7493
RGB
rgb(47, 116, 147)
HSL
hsl(199, 52%, 38%)
HSB
hsb(199, 68%, 58%)
CMYK
cmyk(68%, 21%, 0%, 42%)
Oklch
oklch(52.9% 0.084 230.8)

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

#009BA6

Lake Blue · LightSeaGreen · Mint Ice

HEX
#009BA6
RGB
rgb(0, 155, 166)
HSL
hsl(184, 100%, 33%)
HSB
hsb(184, 100%, 65%)
CMYK
cmyk(100%, 7%, 0%, 35%)
Oklch
oklch(62.8% 0.107 203.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA005A
00B85F

Analogous

B800B5
BA005A
B80300

Triadic

BA005A
59B800
0059B8

Split-Comp.

BA005A
00B803
00B5B8

Tetradic

BA005A
B5B800
00B85F
0300B8

Contrast Matrix WCAG 2.1 Contrast

BA005A
8C276D
5D4E80
2F7493
009BA6
—
1.2
Fail
1.1
Fail
1.2
Fail
1.9
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
2.4
Fail
1.1
Fail
1.1
Fail
—
1.4
Fail
2.2
Fail
1.2
Fail
1.5
Fail
1.4
Fail
—
1.5
Fail
1.9
Fail
2.4
Fail
2.2
Fail
1.5
Fail
—
White BG
6.5AA
8.0AAA
7.3AAA
5.2AA
3.4AA Large
Black BG
3.2AA Large
2.6Fail
2.9Fail
4.0AA Large
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

696844
605F5C
575674
4D4D8B
4345A3

Deuteranopia

74823F
666E58
575971
49448A
3A2FA3

Tritanopia

B1332F
874F4C
5C6A68
328684
08A1A1

Achromatopsia

424242
4D4D4D
585858
636363
6E6E6E

Shades & Tints Shades & Tints

#BA005A

Dark
Light

#8C276D

Dark
Light

#5D4E80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba005a;
  --color-2: #8c276d;
  --color-3: #5d4e80;
  --color-4: #2f7493;
  --color-5: #009ba6;
}

SCSS

$color-1: #ba005a;
$color-2: #8c276d;
$color-3: #5d4e80;
$color-4: #2f7493;
$color-5: #009ba6;

TAILWIND

colors: {
  'brand-1': '#ba005a',
  'brand-2': '#8c276d',
  'brand-3': '#5d4e80',
  'brand-4': '#2f7493',
  'brand-5': '#009ba6',
}

RGB Array

[186, 0, 90], [140, 39, 109], [93, 78, 128], [47, 116, 147], [0, 155, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BA005A, #8C276D, #5D4E80, #2F7493, #009BA6 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #ba005a; --color-2: #8c276d; --color-3: #5d4e80; --color-4: #2f7493; --color-5: #009ba6. 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. 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