#44432F + #80094C + #28104D + #45104D + #2D3541 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#44432F

Autumn Sage · DarkSlateGray · Amber Gold

HEX

#44432F

RGB

rgb(68, 67, 47)

HSL

hsl(57, 18%, 23%)

HSB

hsb(57, 31%, 27%)

CMYK

cmyk(0%, 1%, 31%, 73%)

Oklch

oklch(37.8% 0.032 105.4)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#80094C

Rose Purple · Purple · Camellia

HEX

#80094C

RGB

rgb(128, 9, 76)

HSL

hsl(326, 87%, 27%)

HSB

hsb(326, 93%, 50%)

CMYK

cmyk(0%, 93%, 41%, 50%)

Oklch

oklch(39.7% 0.157 354.3)

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

#28104D

Deep Indigo · MidnightBlue · Dark Purple

HEX

#28104D

RGB

rgb(40, 16, 77)

HSL

hsl(264, 66%, 18%)

HSB

hsb(264, 79%, 30%)

CMYK

cmyk(48%, 79%, 0%, 70%)

Oklch

oklch(25.1% 0.105 295.8)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#45104D

Royal Purple · MidnightBlue · Dark Purple

HEX

#45104D

RGB

rgb(69, 16, 77)

HSL

hsl(292, 66%, 18%)

HSB

hsb(292, 79%, 30%)

CMYK

cmyk(10%, 79%, 0%, 70%)

Oklch

oklch(29.4% 0.115 322.1)

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

#2D3541

Indigo · DarkSlateGray · Prussian Blue

HEX

#2D3541

RGB

rgb(45, 53, 65)

HSL

hsl(216, 18%, 22%)

HSB

hsb(216, 31%, 25%)

CMYK

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

Oklch

oklch(32.7% 0.024 258.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44432F

303145

Analogous

453A30

44432F

3C4530

Triadic

44432F

304544

443045

Split-Comp.

44432F

303C45

3A3045

Tetradic

44432F

30453A

303145

45303C

Contrast Matrix WCAG 2.1 Contrast

44432F	80094C	28104D	45104D	2D3541
—	1.0 Fail	1.6 Fail	1.5 Fail	1.2 Fail
1.0 Fail	—	1.6 Fail	1.4 Fail	1.2 Fail
1.6 Fail	1.6 Fail	—	1.1 Fail	1.3 Fail
1.5 Fail	1.4 Fail	1.1 Fail	—	1.2 Fail
1.2 Fail	1.2 Fail	1.3 Fail	1.2 Fail	—

White BG

10.0AAA

10.2AAA

16.5AAA

14.6AAA

12.4AAA

Black BG

2.1Fail

1.3Fail

1.4Fail

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

444434

4C4B3C

1E1D3E

2E2E3E

30313E

Deuteranopia

444435

535C38

1F213B

31353B

302F3D

Tritanopia

443839

7A2F2C

273330

423330

2D3C3B

Achromatopsia

414141

343434

1E1E1E

272727

343434

Shades & Tints Shades & Tints

#44432F

Dark

Light

#80094C

Dark

Light

#28104D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44432f;
  --color-2: #80094c;
  --color-3: #28104d;
  --color-4: #45104d;
  --color-5: #2d3541;
}

SCSS

$color-1: #44432f;
$color-2: #80094c;
$color-3: #28104d;
$color-4: #45104d;
$color-5: #2d3541;

TAILWIND

colors: {
  'brand-1': '#44432f',
  'brand-2': '#80094c',
  'brand-3': '#28104d',
  'brand-4': '#45104d',
  'brand-5': '#2d3541',
}

RGB Array

[68, 67, 47], [128, 9, 76], [40, 16, 77], [69, 16, 77], [45, 53, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44432F, #80094C, #28104D, #45104D, #2D3541 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: #44432f; --color-2: #80094c; --color-3: #28104d; --color-4: #45104d; --color-5: #2d3541. 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