#59302A + #0A0809 + #442851 + #32797B + #A1B11B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#59302A

Crimson · DarkOliveGreen · Wine Red

HEX

#59302A

RGB

rgb(89, 48, 42)

HSL

hsl(8, 36%, 26%)

HSB

hsb(8, 53%, 35%)

CMYK

cmyk(0%, 46%, 53%, 65%)

Oklch

oklch(36.0% 0.061 29.2)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#0A0809

Dark Violet · Black · Raspberry

HEX

#0A0809

RGB

rgb(10, 8, 9)

HSL

hsl(330, 11%, 4%)

HSB

hsb(330, 20%, 4%)

CMYK

cmyk(0%, 20%, 10%, 96%)

Oklch

oklch(13.8% 0.004 345.1)

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

#442851

Dark Plum · DarkSlateGray · Eggplant

HEX

#442851

RGB

rgb(68, 40, 81)

HSL

hsl(281, 34%, 24%)

HSB

hsb(281, 51%, 32%)

CMYK

cmyk(16%, 51%, 0%, 68%)

Oklch

oklch(33.1% 0.078 314.3)

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

#32797B

Slate Blue · SeaGreen · Mint Ice

HEX

#32797B

RGB

rgb(50, 121, 123)

HSL

hsl(182, 42%, 34%)

HSB

hsb(182, 59%, 48%)

CMYK

cmyk(59%, 2%, 0%, 52%)

Oklch

oklch(53.2% 0.070 197.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A1B11B

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A1B11B

RGB

rgb(161, 177, 27)

HSL

hsl(66, 74%, 40%)

HSB

hsb(66, 85%, 69%)

CMYK

cmyk(9%, 0%, 85%, 31%)

Oklch

oklch(72.3% 0.159 116.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59302A

2A545A

Analogous

5A2A3C

59302A

5A492A

Triadic

59302A

2A5A31

312A5A

Split-Comp.

59302A

2A5A49

2A3C5A

Tetradic

59302A

3C5A2A

2A545A

492A5A

Contrast Matrix WCAG 2.1 Contrast

59302A	0A0809	442851	32797B	A1B11B
—	1.8 Fail	1.1 Fail	2.2 Fail	4.7 AA
1.8 Fail	—	1.6 Fail	4.0 AA Large	8.4 AAA
1.1 Fail	1.6 Fail	—	2.5 Fail	5.3 AA
2.2 Fail	4.0 AA Large	2.5 Fail	—	2.1 Fail
4.7 AA	8.4 AAA	5.3 AA	2.1 Fail	—

White BG

11.2AAA

20.0AAA

12.6AAA

5.1AA

2.4Fail

Black BG

1.9Fail

1.1Fail

1.7Fail

4.2AA Large

8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

47472B

090909

383847

51517B

A8A83F

Deuteranopia

4A4D2C

090909

3A3C45

4D477A

A7A648

Tritanopia

572D2D

0A0909

433F3E

367A7A

A25C62

Achromatopsia

3C3C3C

090909

353535

646464

9B9B9B

Shades & Tints Shades & Tints

#59302A

Dark

Light

#0A0809

Dark

Light

#442851

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59302a;
  --color-2: #0a0809;
  --color-3: #442851;
  --color-4: #32797b;
  --color-5: #a1b11b;
}

SCSS

$color-1: #59302a;
$color-2: #0a0809;
$color-3: #442851;
$color-4: #32797b;
$color-5: #a1b11b;

TAILWIND

colors: {
  'brand-1': '#59302a',
  'brand-2': '#0a0809',
  'brand-3': '#442851',
  'brand-4': '#32797b',
  'brand-5': '#a1b11b',
}

RGB Array

[89, 48, 42], [10, 8, 9], [68, 40, 81], [50, 121, 123], [161, 177, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #59302A, #0A0809, #442851, #32797B, #A1B11B 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: #59302a; --color-2: #0a0809; --color-3: #442851; --color-4: #32797b; --color-5: #a1b11b. 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