#6F234A + #4F2445 + #441F36 + #BE0237 + #C62B44 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6F234A

Rose Purple · Brown · Camellia

HEX

#6F234A

RGB

rgb(111, 35, 74)

HSL

hsl(329, 52%, 29%)

HSB

hsb(329, 68%, 44%)

CMYK

cmyk(0%, 68%, 33%, 56%)

Oklch

oklch(38.5% 0.115 352.1)

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

#4F2445

Rose Purple · DarkSlateGray · Eggplant

HEX

#4F2445

RGB

rgb(79, 36, 69)

HSL

hsl(314, 37%, 23%)

HSB

hsb(314, 54%, 31%)

CMYK

cmyk(0%, 54%, 13%, 69%)

Oklch

oklch(33.3% 0.080 336.8)

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

#441F36

Rose Purple · DarkSlateGray · Raspberry

HEX

#441F36

RGB

rgb(68, 31, 54)

HSL

hsl(323, 37%, 19%)

HSB

hsb(323, 54%, 27%)

CMYK

cmyk(0%, 54%, 21%, 73%)

Oklch

oklch(30.0% 0.066 343.7)

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

#BE0237

Dark Violet · Crimson · Camellia

HEX

#BE0237

RGB

rgb(190, 2, 55)

HSL

hsl(343, 98%, 38%)

HSB

hsb(343, 99%, 75%)

CMYK

cmyk(0%, 99%, 71%, 25%)

Oklch

oklch(50.9% 0.203 17.7)

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

#C62B44

Vermilion · Crimson · Passion Red

HEX

#C62B44

RGB

rgb(198, 43, 68)

HSL

hsl(350, 64%, 47%)

HSB

hsb(350, 78%, 78%)

CMYK

cmyk(0%, 78%, 66%, 22%)

Oklch

oklch(54.5% 0.189 18.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F234A

237049

Analogous

6F2370

6F234A

702325

Triadic

6F234A

4B7023

234B70

Split-Comp.

6F234A

257023

23706F

Tetradic

6F234A

706F23

237049

232570

Contrast Matrix WCAG 2.1 Contrast

6F234A	4F2445	441F36	BE0237	C62B44
—	1.2 Fail	1.3 Fail	1.6 Fail	1.9 Fail
1.2 Fail	—	1.1 Fail	1.9 Fail	2.3 Fail
1.3 Fail	1.1 Fail	—	2.2 Fail	2.6 Fail
1.6 Fail	1.9 Fail	2.2 Fail	—	1.2 Fail
1.9 Fail	2.3 Fail	2.6 Fail	1.2 Fail	—

White BG

10.4AAA

12.6AAA

14.0AAA

6.5AA

5.5AA

Black BG

2.0Fail

1.7Fail

1.5Fail

3.3AA Large

3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4D41

3C3C3D

343430

6D6B2A

83813E

Deuteranopia

53583E

3F423B

36392F

788627

8C983C

Tritanopia

6B3937

4D3735

422C2B

B5201E

BE3938

Achromatopsia

3E3E3E

353535

2D2D2D

404040

5C5C5C

Shades & Tints Shades & Tints

#6F234A

Dark

Light

#4F2445

Dark

Light

#441F36

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f234a;
  --color-2: #4f2445;
  --color-3: #441f36;
  --color-4: #be0237;
  --color-5: #c62b44;
}

SCSS

$color-1: #6f234a;
$color-2: #4f2445;
$color-3: #441f36;
$color-4: #be0237;
$color-5: #c62b44;

TAILWIND

colors: {
  'brand-1': '#6f234a',
  'brand-2': '#4f2445',
  'brand-3': '#441f36',
  'brand-4': '#be0237',
  'brand-5': '#c62b44',
}

RGB Array

[111, 35, 74], [79, 36, 69], [68, 31, 54], [190, 2, 55], [198, 43, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F234A, #4F2445, #441F36, #BE0237, #C62B44 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: #6f234a; --color-2: #4f2445; --color-3: #441f36; --color-4: #be0237; --color-5: #c62b44. 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