← Back to Editor

#2B0A43 · #691549 · #794A50 · #8B4D58 · #E4558D

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

Color Details Color Details

#2B0A43

Royal Purple · MidnightBlue · Dark Purple

HEX
#2B0A43
RGB
rgb(43, 10, 67)
HSL
hsl(275, 74%, 15%)
HSB
hsb(275, 85%, 26%)
CMYK
cmyk(36%, 85%, 0%, 74%)
Oklch
oklch(23.8% 0.101 306.3)

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

#691549

Rose Purple · Purple · Raspberry

HEX
#691549
RGB
rgb(105, 21, 73)
HSL
hsl(323, 67%, 25%)
HSB
hsb(323, 80%, 41%)
CMYK
cmyk(0%, 80%, 30%, 59%)
Oklch
oklch(36.0% 0.129 347.7)

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

#794A50

Crimson · DimGray · Wine Red

HEX
#794A50
RGB
rgb(121, 74, 80)
HSL
hsl(352, 24%, 38%)
HSB
hsb(352, 39%, 47%)
CMYK
cmyk(0%, 39%, 34%, 53%)
Oklch
oklch(46.5% 0.064 11.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#8B4D58

Crimson · DimGray · Passion Red

HEX
#8B4D58
RGB
rgb(139, 77, 88)
HSL
hsl(349, 29%, 42%)
HSB
hsb(349, 45%, 55%)
CMYK
cmyk(0%, 45%, 37%, 45%)
Oklch
oklch(49.7% 0.084 9.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E4558D

Rouge · LightCoral · Rose Pink

HEX
#E4558D
RGB
rgb(228, 85, 141)
HSL
hsl(337, 73%, 61%)
HSB
hsb(337, 63%, 89%)
CMYK
cmyk(0%, 63%, 38%, 11%)
Oklch
oklch(65.3% 0.184 359.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B0A43
22430A

Analogous

0F0A43
2B0A43
430A3E

Triadic

2B0A43
432B0A
0A432B

Split-Comp.

2B0A43
3E430A
0A430F

Tetradic

2B0A43
430F0A
22430A
0A3E43

Contrast Matrix WCAG 2.1 Contrast

2B0A43
691549
794A50
8B4D58
E4558D
—
1.5
Fail
2.4
Fail
2.7
Fail
4.9
AA
1.5
Fail
—
1.6
Fail
1.8
Fail
3.3
AA Large
2.4
Fail
1.6
Fail
—
1.1
Fail
2.1
Fail
2.7
Fail
1.8
Fail
1.1
Fail
—
1.8
Fail
4.9
AA
3.3
AA Large
2.1
Fail
1.8
Fail
—
White BG
17.1AAA
11.6AAA
7.2AAA
6.4AA
3.5AA Large
Black BG
1.2Fail
1.8Fail
2.9Fail
3.3AA Large
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1C35
45443C
65644F
707055
A6A57F

Deuteranopia

1F2132
4A5039
676B4E
747855
AEB97C

Tritanopia

292A28
653230
774D4D
885353
DD7572

Achromatopsia

1A1A1A
343434
595959
616161
868686

Shades & Tints Shades & Tints

#2B0A43

Dark
Light

#691549

Dark
Light

#794A50

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b0a43;
  --color-2: #691549;
  --color-3: #794a50;
  --color-4: #8b4d58;
  --color-5: #e4558d;
}

SCSS

$color-1: #2b0a43;
$color-2: #691549;
$color-3: #794a50;
$color-4: #8b4d58;
$color-5: #e4558d;

TAILWIND

colors: {
  'brand-1': '#2b0a43',
  'brand-2': '#691549',
  'brand-3': '#794a50',
  'brand-4': '#8b4d58',
  'brand-5': '#e4558d',
}

RGB Array

[43, 10, 67], [105, 21, 73], [121, 74, 80], [139, 77, 88], [228, 85, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B0A43, #691549, #794A50, #8B4D58, #E4558D is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #2b0a43; --color-2: #691549; --color-3: #794a50; --color-4: #8b4d58; --color-5: #e4558d. 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. 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 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