← Back to Editor

#791B6F · #F43DED · #242833 · #3C3449 · #ABC526

dark

A 5-color dark palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#791B6F

Rose Purple · Purple · Eggplant

HEX
#791B6F
RGB
rgb(121, 27, 111)
HSL
hsl(306, 64%, 29%)
HSB
hsb(306, 78%, 47%)
CMYK
cmyk(0%, 78%, 8%, 53%)
Oklch
oklch(41.2% 0.159 332.9)

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

#F43DED

Rose Purple · Orchid · Violet

HEX
#F43DED
RGB
rgb(244, 61, 237)
HSL
hsl(302, 89%, 60%)
HSB
hsb(302, 75%, 96%)
CMYK
cmyk(0%, 75%, 3%, 4%)
Oklch
oklch(69.6% 0.278 329.8)

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

#242833

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#242833
RGB
rgb(36, 40, 51)
HSL
hsl(224, 17%, 17%)
HSB
hsb(224, 29%, 20%)
CMYK
cmyk(29%, 22%, 0%, 80%)
Oklch
oklch(27.8% 0.021 269.3)

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

#3C3449

Deep Indigo · DarkSlateGray · Eggplant

HEX
#3C3449
RGB
rgb(60, 52, 73)
HSL
hsl(263, 17%, 25%)
HSB
hsb(263, 29%, 29%)
CMYK
cmyk(18%, 29%, 0%, 71%)
Oklch
oklch(34.2% 0.038 301.9)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#ABC526

Grass Green · GoldenRod · Olive Green

HEX
#ABC526
RGB
rgb(171, 197, 38)
HSL
hsl(70, 68%, 46%)
HSB
hsb(70, 81%, 77%)
CMYK
cmyk(13%, 0%, 81%, 23%)
Oklch
oklch(77.7% 0.173 119.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

791B6F
1B7924

Analogous

531B79
791B6F
791B40

Triadic

791B6F
70791B
1B7079

Split-Comp.

791B6F
40791B
1B7953

Tetradic

791B6F
79531B
1B7924
1B4079

Contrast Matrix WCAG 2.1 Contrast

791B6F
F43DED
242833
3C3449
ABC526
—
3.1
AA Large
1.5
Fail
1.2
Fail
4.9
AA
3.1
AA Large
—
4.7
AA
3.8
AA Large
1.6
Fail
1.5
Fail
4.7
AA
—
1.2
Fail
7.5
AAA
1.2
Fail
3.8
AA Large
1.2
Fail
—
6.0
AA
4.9
AA
1.6
Fail
7.5
AAA
6.0
AA
—
White BG
9.5AAA
3.1AA Large
14.7AAA
11.8AAA
2.0Fail
Black BG
2.2Fail
6.7AA
1.4Fail
1.8Fail
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

504F5B
A5A3C2
262630
393844
B6B64C

Deuteranopia

565D56
AFBDB8
262530
393A43
B5B356

Tritanopia

744B47
EBA199
242E2E
3C403F
AC6B72

Achromatopsia

414141
888888
282828
393939
ABABAB

Shades & Tints Shades & Tints

#791B6F

Dark
Light

#F43DED

Dark
Light

#242833

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #791b6f;
  --color-2: #f43ded;
  --color-3: #242833;
  --color-4: #3c3449;
  --color-5: #abc526;
}

SCSS

$color-1: #791b6f;
$color-2: #f43ded;
$color-3: #242833;
$color-4: #3c3449;
$color-5: #abc526;

TAILWIND

colors: {
  'brand-1': '#791b6f',
  'brand-2': '#f43ded',
  'brand-3': '#242833',
  'brand-4': '#3c3449',
  'brand-5': '#abc526',
}

RGB Array

[121, 27, 111], [244, 61, 237], [36, 40, 51], [60, 52, 73], [171, 197, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #791B6F, #F43DED, #242833, #3C3449, #ABC526 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: #791b6f; --color-2: #f43ded; --color-3: #242833; --color-4: #3c3449; --color-5: #abc526. 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 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