#3D1959 + #622067 + #88286C + #B13475 + #D13F6B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#3D1959

Royal Purple · MidnightBlue · Eggplant

HEX

#3D1959

RGB

rgb(61, 25, 89)

HSL

hsl(274, 56%, 22%)

HSB

hsb(274, 72%, 35%)

CMYK

cmyk(31%, 72%, 0%, 65%)

Oklch

oklch(30.2% 0.112 306.7)

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

#622067

Royal Purple · Purple · Eggplant

HEX

#622067

RGB

rgb(98, 32, 103)

HSL

hsl(296, 53%, 26%)

HSB

hsb(296, 69%, 40%)

CMYK

cmyk(5%, 69%, 0%, 60%)

Oklch

oklch(37.6% 0.133 324.9)

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

#88286C

Rose Purple · Purple · Eggplant

HEX

#88286C

RGB

rgb(136, 40, 108)

HSL

hsl(318, 55%, 35%)

HSB

hsb(318, 71%, 53%)

CMYK

cmyk(0%, 71%, 21%, 47%)

Oklch

oklch(44.8% 0.150 341.6)

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

#B13475

Rose Purple · MediumVioletRed · Camellia

HEX

#B13475

RGB

rgb(177, 52, 117)

HSL

hsl(329, 55%, 45%)

HSB

hsb(329, 71%, 69%)

CMYK

cmyk(0%, 71%, 34%, 31%)

Oklch

oklch(53.0% 0.172 352.7)

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

#D13F6B

Dark Violet · MediumVioletRed · Rose Pink

HEX

#D13F6B

RGB

rgb(209, 63, 107)

HSL

hsl(342, 61%, 53%)

HSB

hsb(342, 70%, 82%)

CMYK

cmyk(0%, 70%, 49%, 18%)

Oklch

oklch(59.0% 0.184 6.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D1959

345819

Analogous

1D1958

3D1959

581953

Triadic

3D1959

583C19

19583C

Split-Comp.

3D1959

535819

19581D

Tetradic

3D1959

581D19

345819

195358

Contrast Matrix WCAG 2.1 Contrast

3D1959	622067	88286C	B13475	D13F6B
—	1.3 Fail	1.7 Fail	2.4 Fail	3.1 AA Large
1.3 Fail	—	1.3 Fail	1.9 Fail	2.4 Fail
1.7 Fail	1.3 Fail	—	1.4 Fail	1.8 Fail
2.4 Fail	1.9 Fail	1.4 Fail	—	1.3 Fail
3.1 AA Large	2.4 Fail	1.8 Fail	1.3 Fail	—

White BG

14.2AAA

10.9AAA

8.2AAA

5.8AA

4.5AA

Black BG

1.5Fail

1.9Fail

2.6Fail

3.6AA Large

4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D4A

454556

5E5E5C

7B7A65

929060

Deuteranopia

303246

494E52

646B58

828C61

9AA55E

Tritanopia

3B3D3B

5F4845

834F4C

AB5956

CA5856

Achromatopsia

2B2B2B

3C3C3C

4C4C4C

616161

707070

Shades & Tints Shades & Tints

#3D1959

Dark

Light

#622067

Dark

Light

#88286C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d1959;
  --color-2: #622067;
  --color-3: #88286c;
  --color-4: #b13475;
  --color-5: #d13f6b;
}

SCSS

$color-1: #3d1959;
$color-2: #622067;
$color-3: #88286c;
$color-4: #b13475;
$color-5: #d13f6b;

TAILWIND

colors: {
  'brand-1': '#3d1959',
  'brand-2': '#622067',
  'brand-3': '#88286c',
  'brand-4': '#b13475',
  'brand-5': '#d13f6b',
}

RGB Array

[61, 25, 89], [98, 32, 103], [136, 40, 108], [177, 52, 117], [209, 63, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3D1959, #622067, #88286C, #B13475, #D13F6B 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: #3d1959; --color-2: #622067; --color-3: #88286c; --color-4: #b13475; --color-5: #d13f6b. 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