#524B4B + #D96830 + #A40056 + #473079 + #2B2924 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#524B4B

Ink Gray · DarkSlateGray · Charcoal

HEX

#524B4B

RGB

rgb(82, 75, 75)

HSL

hsl(0, 4%, 31%)

HSB

hsb(0, 9%, 32%)

CMYK

cmyk(0%, 9%, 9%, 68%)

Oklch

oklch(42.0% 0.009 17.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#D96830

Tangerine · Chocolate · Warm Sun

HEX

#D96830

RGB

rgb(217, 104, 48)

HSL

hsl(20, 69%, 52%)

HSB

hsb(20, 78%, 85%)

CMYK

cmyk(0%, 52%, 78%, 15%)

Oklch

oklch(64.4% 0.158 44.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A40056

Rose Purple · Purple · Camellia

HEX

#A40056

RGB

rgb(164, 0, 86)

HSL

hsl(329, 100%, 32%)

HSB

hsb(329, 100%, 64%)

CMYK

cmyk(0%, 100%, 48%, 36%)

Oklch

oklch(46.6% 0.189 359.6)

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

#473079

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#473079

RGB

rgb(71, 48, 121)

HSL

hsl(259, 43%, 33%)

HSB

hsb(259, 60%, 47%)

CMYK

cmyk(41%, 60%, 0%, 53%)

Oklch

oklch(37.6% 0.119 294.5)

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

#2B2924

Ochre · DarkSlateGray · Dark Stone

HEX

#2B2924

RGB

rgb(43, 41, 36)

HSL

hsl(43, 9%, 15%)

HSB

hsb(43, 16%, 17%)

CMYK

cmyk(0%, 5%, 16%, 83%)

Oklch

oklch(28.1% 0.009 88.8)

Traditional「Ochre」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

524B4B

4C5252

Analogous

524C4F

524B4B

524F4C

Triadic

524B4B

4C524C

4C4C52

Split-Comp.

524B4B

4C524F

4C4F52

Tetradic

524B4B

4F524C

4C5252

4F4C52

Contrast Matrix WCAG 2.1 Contrast

524B4B	D96830	A40056	473079	2B2924
—	2.4 Fail	1.1 Fail	1.3 Fail	1.7 Fail
2.4 Fail	—	2.2 Fail	3.0 AA Large	4.1 AA Large
1.1 Fail	2.2 Fail	—	1.4 Fail	1.9 Fail
1.3 Fail	3.0 AA Large	1.4 Fail	—	1.4 Fail
1.7 Fail	4.1 AA Large	1.9 Fail	1.4 Fail	—

White BG

8.5AAA

3.5AA Large

7.7AAA

10.7AAA

14.5AAA

Black BG

2.5Fail

6.0AA

2.7Fail

2.0Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F4B

A8A73E

5D5C41

3D3D67

2A2A25

Deuteranopia

4F504B

AFB741

67733C

3E4063

2A2A26

Tritanopia

524B4B

D3484B

9C312D

465956

2B2626

Achromatopsia

4D4D4D

838383

3B3B3B

3F3F3F

292929

Shades & Tints Shades & Tints

#524B4B

Dark

Light

#D96830

Dark

Light

#A40056

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #524b4b;
  --color-2: #d96830;
  --color-3: #a40056;
  --color-4: #473079;
  --color-5: #2b2924;
}

SCSS

$color-1: #524b4b;
$color-2: #d96830;
$color-3: #a40056;
$color-4: #473079;
$color-5: #2b2924;

TAILWIND

colors: {
  'brand-1': '#524b4b',
  'brand-2': '#d96830',
  'brand-3': '#a40056',
  'brand-4': '#473079',
  'brand-5': '#2b2924',
}

RGB Array

[82, 75, 75], [217, 104, 48], [164, 0, 86], [71, 48, 121], [43, 41, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #524B4B, #D96830, #A40056, #473079, #2B2924 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: #524b4b; --color-2: #d96830; --color-3: #a40056; --color-4: #473079; --color-5: #2b2924. 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