#C91E5A + #AF2B5B + #7C465D + #543544 + #2B242A · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C91E5A

Dark Violet · Crimson · Camellia

HEX

#C91E5A

RGB

rgb(201, 30, 90)

HSL

hsl(339, 74%, 45%)

HSB

hsb(339, 85%, 79%)

CMYK

cmyk(0%, 85%, 55%, 21%)

Oklch

oklch(54.7% 0.203 7.9)

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

#AF2B5B

Dark Violet · Brown · Camellia

HEX

#AF2B5B

RGB

rgb(175, 43, 91)

HSL

hsl(338, 61%, 43%)

HSB

hsb(338, 75%, 69%)

CMYK

cmyk(0%, 75%, 48%, 31%)

Oklch

oklch(51.0% 0.171 3.8)

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

#7C465D

Dark Violet · DimGray · Camellia

HEX

#7C465D

RGB

rgb(124, 70, 93)

HSL

hsl(334, 28%, 38%)

HSB

hsb(334, 44%, 49%)

CMYK

cmyk(0%, 44%, 25%, 51%)

Oklch

oklch(46.6% 0.080 353.6)

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

#543544

Dark Violet · DarkSlateGray · Camellia

HEX

#543544

RGB

rgb(84, 53, 68)

HSL

hsl(331, 23%, 27%)

HSB

hsb(331, 37%, 33%)

CMYK

cmyk(0%, 37%, 19%, 67%)

Oklch

oklch(37.1% 0.050 349.3)

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

#2B242A

Rose Purple · DarkSlateGray · Dark Stone

HEX

#2B242A

RGB

rgb(43, 36, 42)

HSL

hsl(309, 9%, 15%)

HSB

hsb(309, 16%, 17%)

CMYK

cmyk(0%, 16%, 2%, 83%)

Oklch

oklch(27.1% 0.015 330.7)

Traditional「Rose Purple」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C91E5A

1EC88C

Analogous

C81EAE

C91E5A

C8371E

Triadic

C91E5A

59C81E

1E59C8

Split-Comp.

C91E5A

1EC837

1EAEC8

Tetradic

C91E5A

AEC81E

1EC88C

371EC8

Contrast Matrix WCAG 2.1 Contrast

C91E5A	AF2B5B	7C465D	543544	2B242A
—	1.1 Fail	1.3 Fail	1.9 Fail	2.7 Fail
1.1 Fail	—	1.1 Fail	1.7 Fail	2.4 Fail
1.3 Fail	1.1 Fail	—	1.5 Fail	2.1 Fail
1.9 Fail	1.7 Fail	1.5 Fail	—	1.4 Fail
2.7 Fail	2.4 Fail	2.1 Fail	1.4 Fail	—

White BG

5.5AA

6.3AA

7.3AAA

10.7AAA

15.1AAA

Black BG

3.8AA Large

3.3AA Large

2.9Fail

2.0Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7D4B

76754F

656457

474640

282829

Deuteranopia

899648

7E874D

686C56

484B3F

282928

Tritanopia

C0403E

A84644

795352

523E3D

2B2727

Achromatopsia

585858

595959

404040

272727

Shades & Tints Shades & Tints

#C91E5A

Dark

Light

#AF2B5B

Dark

Light

#7C465D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c91e5a;
  --color-2: #af2b5b;
  --color-3: #7c465d;
  --color-4: #543544;
  --color-5: #2b242a;
}

SCSS

$color-1: #c91e5a;
$color-2: #af2b5b;
$color-3: #7c465d;
$color-4: #543544;
$color-5: #2b242a;

TAILWIND

colors: {
  'brand-1': '#c91e5a',
  'brand-2': '#af2b5b',
  'brand-3': '#7c465d',
  'brand-4': '#543544',
  'brand-5': '#2b242a',
}

RGB Array

[201, 30, 90], [175, 43, 91], [124, 70, 93], [84, 53, 68], [43, 36, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #C91E5A, #AF2B5B, #7C465D, #543544, #2B242A 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: #c91e5a; --color-2: #af2b5b; --color-3: #7c465d; --color-4: #543544; --color-5: #2b242a. 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 dark-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