#591832 + #912752 + #DCCE33 + #A38837 + #594C58 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#591832

Dark Violet · Maroon · Raspberry

HEX

#591832

RGB

rgb(89, 24, 50)

HSL

hsl(336, 58%, 22%)

HSB

hsb(336, 73%, 35%)

CMYK

cmyk(0%, 73%, 44%, 65%)

Oklch

oklch(32.4% 0.098 359.7)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#912752

Dark Violet · Brown · Camellia

HEX

#912752

RGB

rgb(145, 39, 82)

HSL

hsl(336, 58%, 36%)

HSB

hsb(336, 73%, 57%)

CMYK

cmyk(0%, 73%, 43%, 43%)

Oklch

oklch(45.1% 0.145 0.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#DCCE33

Autumn Sage · GoldenRod · Sunflower

HEX

#DCCE33

RGB

rgb(220, 206, 51)

HSL

hsl(55, 71%, 53%)

HSB

hsb(55, 77%, 86%)

CMYK

cmyk(0%, 6%, 77%, 14%)

Oklch

oklch(83.8% 0.163 104.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A38837

Ochre · DarkGoldenRod · Honey Gold

HEX

#A38837

RGB

rgb(163, 136, 55)

HSL

hsl(45, 50%, 43%)

HSB

hsb(45, 66%, 64%)

CMYK

cmyk(0%, 17%, 66%, 36%)

Oklch

oklch(63.6% 0.105 90.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#594C58

Rose Purple · DimGray · Charcoal

HEX

#594C58

RGB

rgb(89, 76, 88)

HSL

hsl(305, 8%, 32%)

HSB

hsb(305, 15%, 35%)

CMYK

cmyk(0%, 15%, 1%, 65%)

Oklch

oklch(43.4% 0.026 328.4)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

591832

18593F

Analogous

591852

591832

591E18

Triadic

591832

325918

183259

Split-Comp.

591832

18591E

185259

Tetradic

591832

525918

18593F

1E1859

Contrast Matrix WCAG 2.1 Contrast

591832	912752	DCCE33	A38837	594C58
—	1.6 Fail	8.1 AAA	3.8 AA Large	1.6 Fail
1.6 Fail	—	4.9 AA	2.3 Fail	1.0 Fail
8.1 AAA	4.9 AA	—	2.1 Fail	5.0 AA
3.8 AA Large	2.3 Fail	2.1 Fail	—	2.4 Fail
1.6 Fail	1.0 Fail	5.0 AA	2.4 Fail	—

White BG

13.1AAA

8.0AAA

1.6Fail

3.4AA Large

8.1AAA

Black BG

1.6Fail

2.6Fail

12.9AAA

6.1AA

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3C2C

636248

D6D659

97974B

535355

Deuteranopia

41462A

697145

D7D862

999B4F

545554

Tritanopia

562726

8C3F3E

DB767D

A25A5D

585352

Achromatopsia

2E2E2E

4C4C4C

C1C1C1

878787

515151

Shades & Tints Shades & Tints

#591832

Dark

Light

#912752

Dark

Light

#DCCE33

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #591832;
  --color-2: #912752;
  --color-3: #dcce33;
  --color-4: #a38837;
  --color-5: #594c58;
}

SCSS

$color-1: #591832;
$color-2: #912752;
$color-3: #dcce33;
$color-4: #a38837;
$color-5: #594c58;

TAILWIND

colors: {
  'brand-1': '#591832',
  'brand-2': '#912752',
  'brand-3': '#dcce33',
  'brand-4': '#a38837',
  'brand-5': '#594c58',
}

RGB Array

[89, 24, 50], [145, 39, 82], [220, 206, 51], [163, 136, 55], [89, 76, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #591832, #912752, #DCCE33, #A38837, #594C58 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: #591832; --color-2: #912752; --color-3: #dcce33; --color-4: #a38837; --color-5: #594c58. 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