#73507D + #4D487D + #235170 + #134732 + #333217 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#73507D

Dark Plum · DimGray · Eggplant

HEX

#73507D

RGB

rgb(115, 80, 125)

HSL

hsl(287, 22%, 40%)

HSB

hsb(287, 36%, 49%)

CMYK

cmyk(8%, 36%, 0%, 51%)

Oklch

oklch(48.6% 0.082 318.6)

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

#4D487D

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#4D487D

RGB

rgb(77, 72, 125)

HSL

hsl(246, 27%, 39%)

HSB

hsb(246, 42%, 49%)

CMYK

cmyk(38%, 42%, 0%, 51%)

Oklch

oklch(43.2% 0.086 286.5)

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

#235170

Lake Blue · DarkSlateGray · Prussian Blue

HEX

#235170

RGB

rgb(35, 81, 112)

HSL

hsl(204, 52%, 29%)

HSB

hsb(204, 69%, 44%)

CMYK

cmyk(69%, 28%, 0%, 56%)

Oklch

oklch(41.8% 0.072 241.0)

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

#134732

Mineral Blue · DarkSlateGray · Dark Green

HEX

#134732

RGB

rgb(19, 71, 50)

HSL

hsl(156, 58%, 18%)

HSB

hsb(156, 73%, 28%)

CMYK

cmyk(73%, 0%, 30%, 72%)

Oklch

oklch(35.7% 0.066 162.6)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#333217

Autumn Sage · DarkSlateGray · Amber Gold

HEX

#333217

RGB

rgb(51, 50, 23)

HSL

hsl(58, 38%, 15%)

HSB

hsb(58, 55%, 20%)

CMYK

cmyk(0%, 2%, 55%, 80%)

Oklch

oklch(31.1% 0.043 106.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73507D

597C50

Analogous

5C507C

73507D

7C5070

Triadic

73507D

7C7350

507C73

Split-Comp.

73507D

707C50

507C5C

Tetradic

73507D

7C5C50

597C50

50707C

Contrast Matrix WCAG 2.1 Contrast

73507D	4D487D	235170	134732	333217
—	1.2 Fail	1.3 Fail	1.6 Fail	2.0 Fail
1.2 Fail	—	1.0 Fail	1.3 Fail	1.6 Fail
1.3 Fail	1.0 Fail	—	1.3 Fail	1.5 Fail
1.6 Fail	1.3 Fail	1.3 Fail	—	1.2 Fail
2.0 Fail	1.6 Fail	1.5 Fail	1.2 Fail	—

White BG

6.6AA

8.3AAA

8.5AAA

10.6AAA

13.0AAA

Black BG

3.2AA Large

2.5Fail

2.0Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

646472

4B4B70

373768

2A2A37

33331E

Deuteranopia

666970

4B4C6D

343167

272338

33331F

Tritanopia

716A68

4D6664

256361

163B3C

332324

Achromatopsia

606060

505050

474747

353535

2F2F2F

Shades & Tints Shades & Tints

#73507D

Dark

Light

#4D487D

Dark

Light

#235170

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73507d;
  --color-2: #4d487d;
  --color-3: #235170;
  --color-4: #134732;
  --color-5: #333217;
}

SCSS

$color-1: #73507d;
$color-2: #4d487d;
$color-3: #235170;
$color-4: #134732;
$color-5: #333217;

TAILWIND

colors: {
  'brand-1': '#73507d',
  'brand-2': '#4d487d',
  'brand-3': '#235170',
  'brand-4': '#134732',
  'brand-5': '#333217',
}

RGB Array

[115, 80, 125], [77, 72, 125], [35, 81, 112], [19, 71, 50], [51, 50, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #73507D, #4D487D, #235170, #134732, #333217 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: #73507d; --color-2: #4d487d; --color-3: #235170; --color-4: #134732; --color-5: #333217. 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