← Back to Editor

#261623 · #2D1A30 · #3B2C53 · #644571 · #B06D98

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#261623

Rose Purple · Black · Dark Purple

HEX
#261623
RGB
rgb(38, 22, 35)
HSL
hsl(311, 27%, 12%)
HSB
hsb(311, 42%, 15%)
CMYK
cmyk(0%, 42%, 8%, 85%)
Oklch
oklch(22.7% 0.034 333.6)

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

#2D1A30

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2D1A30
RGB
rgb(45, 26, 48)
HSL
hsl(292, 30%, 15%)
HSB
hsb(292, 46%, 19%)
CMYK
cmyk(6%, 46%, 0%, 81%)
Oklch
oklch(25.3% 0.048 321.9)

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

#3B2C53

Deep Indigo · DarkSlateGray · Eggplant

HEX
#3B2C53
RGB
rgb(59, 44, 83)
HSL
hsl(263, 31%, 25%)
HSB
hsb(263, 47%, 33%)
CMYK
cmyk(29%, 47%, 0%, 67%)
Oklch
oklch(32.9% 0.069 300.4)

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

#644571

Dark Plum · DimGray · Eggplant

HEX
#644571
RGB
rgb(100, 69, 113)
HSL
hsl(282, 24%, 36%)
HSB
hsb(282, 39%, 44%)
CMYK
cmyk(12%, 39%, 0%, 56%)
Oklch
oklch(44.3% 0.079 315.5)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#B06D98

Rose Purple · Gray · Rose Pink

HEX
#B06D98
RGB
rgb(176, 109, 152)
HSL
hsl(321, 30%, 56%)
HSB
hsb(321, 38%, 69%)
CMYK
cmyk(0%, 38%, 14%, 31%)
Oklch
oklch(62.1% 0.102 341.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261623
162719

Analogous

221627
261623
27161C

Triadic

261623
242716
162427

Split-Comp.

261623
1C2716
162722

Tetradic

261623
272216
162719
161C27

Contrast Matrix WCAG 2.1 Contrast

261623
2D1A30
3B2C53
644571
B06D98
—
1.1
Fail
1.4
Fail
2.2
Fail
4.5
AA Large
1.1
Fail
—
1.3
Fail
2.0
Fail
4.2
AA Large
1.4
Fail
1.3
Fail
—
1.6
Fail
3.3
AA Large
2.2
Fail
2.0
Fail
1.6
Fail
—
2.1
Fail
4.5
AA Large
4.2
AA Large
3.3
AA Large
2.1
Fail
—
White BG
17.2AAA
16.1AAA
12.6AAA
8.0AAA
3.8AA Large
Black BG
1.2Fail
1.3Fail
1.7Fail
2.6Fail
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F20
25252B
35344A
575666
93928E

Deuteranopia

20211F
262729
353747
585B64
979C8B

Tritanopia

251D1D
2C2626
3A4240
625E5C
AD8584

Achromatopsia

1C1C1C
222222
353535
535353
868686

Shades & Tints Shades & Tints

#261623

Dark
Light

#2D1A30

Dark
Light

#3B2C53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261623;
  --color-2: #2d1a30;
  --color-3: #3b2c53;
  --color-4: #644571;
  --color-5: #b06d98;
}

SCSS

$color-1: #261623;
$color-2: #2d1a30;
$color-3: #3b2c53;
$color-4: #644571;
$color-5: #b06d98;

TAILWIND

colors: {
  'brand-1': '#261623',
  'brand-2': '#2d1a30',
  'brand-3': '#3b2c53',
  'brand-4': '#644571',
  'brand-5': '#b06d98',
}

RGB Array

[38, 22, 35], [45, 26, 48], [59, 44, 83], [100, 69, 113], [176, 109, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261623, #2D1A30, #3B2C53, #644571, #B06D98 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #261623; --color-2: #2d1a30; --color-3: #3b2c53; --color-4: #644571; --color-5: #b06d98. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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