#B73E73 + #6E2141 + #2C0611 + #3B2F39 + #616A7B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B73E73

Dark Violet · MediumVioletRed · Camellia

HEX

#B73E73

RGB

rgb(183, 62, 115)

HSL

hsl(334, 49%, 48%)

HSB

hsb(334, 66%, 72%)

CMYK

cmyk(0%, 66%, 37%, 28%)

Oklch

oklch(55.0% 0.163 356.9)

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

#6E2141

Dark Violet · Brown · Camellia

HEX

#6E2141

RGB

rgb(110, 33, 65)

HSL

hsl(335, 54%, 28%)

HSB

hsb(335, 70%, 43%)

CMYK

cmyk(0%, 70%, 41%, 57%)

Oklch

oklch(37.8% 0.113 358.4)

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

#2C0611

Dark Violet · Black · Raspberry

HEX

#2C0611

RGB

rgb(44, 6, 17)

HSL

hsl(343, 76%, 10%)

HSB

hsb(343, 86%, 17%)

CMYK

cmyk(0%, 86%, 61%, 83%)

Oklch

oklch(20.0% 0.063 7.0)

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

#3B2F39

Rose Purple · DarkSlateGray · Eggplant

HEX

#3B2F39

RGB

rgb(59, 47, 57)

HSL

hsl(310, 11%, 21%)

HSB

hsb(310, 20%, 23%)

CMYK

cmyk(0%, 20%, 3%, 77%)

Oklch

oklch(32.2% 0.024 331.8)

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

#616A7B

Indigo · DimGray · Navy Blue

HEX

#616A7B

RGB

rgb(97, 106, 123)

HSL

hsl(219, 12%, 43%)

HSB

hsb(219, 21%, 48%)

CMYK

cmyk(21%, 14%, 0%, 52%)

Oklch

oklch(52.3% 0.029 263.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B73E73

3EB682

Analogous

B63EAE

B73E73

B6463E

Triadic

B73E73

72B63E

3E72B6

Split-Comp.

B73E73

3EB646

3EAEB6

Tetradic

B73E73

AEB63E

3EB682

463EB6

Contrast Matrix WCAG 2.1 Contrast

B73E73	6E2141	2C0611	3B2F39	616A7B
—	2.0 Fail	3.5 AA Large	2.4 Fail	1.0 Fail
2.0 Fail	—	1.7 Fail	1.2 Fail	2.0 Fail
3.5 AA Large	1.7 Fail	—	1.4 Fail	3.4 AA Large
2.4 Fail	1.2 Fail	1.4 Fail	—	2.3 Fail
1.0 Fail	2.0 Fail	3.4 AA Large	2.3 Fail	—

White BG

5.3AA

10.7AAA

18.4AAA

12.7AAA

5.4AA

Black BG

4.0AA Large

2.0Fail

1.1Fail

1.7Fail

3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

838266

4D4C39

1C1B0E

363637

656577

Deuteranopia

8A9363

515737

1E210E

373736

646476

Tritanopia

B15C5A

6A3332

2A0C0C

3A3534

617473

Achromatopsia

686868

3C3C3C

131313

343434

696969

Shades & Tints Shades & Tints

#B73E73

Dark

Light

#6E2141

Dark

Light

#2C0611

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b73e73;
  --color-2: #6e2141;
  --color-3: #2c0611;
  --color-4: #3b2f39;
  --color-5: #616a7b;
}

SCSS

$color-1: #b73e73;
$color-2: #6e2141;
$color-3: #2c0611;
$color-4: #3b2f39;
$color-5: #616a7b;

TAILWIND

colors: {
  'brand-1': '#b73e73',
  'brand-2': '#6e2141',
  'brand-3': '#2c0611',
  'brand-4': '#3b2f39',
  'brand-5': '#616a7b',
}

RGB Array

[183, 62, 115], [110, 33, 65], [44, 6, 17], [59, 47, 57], [97, 106, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B73E73, #6E2141, #2C0611, #3B2F39, #616A7B is ideal for: tech websites, dark mode UIs, game UIs. 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: #b73e73; --color-2: #6e2141; --color-3: #2c0611; --color-4: #3b2f39; --color-5: #616a7b. 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 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